文章詳情頁
javascript - vue監(jiān)聽data中的某一數(shù)組的某一項
瀏覽:189日期:2023-02-27 13:59:21
問題描述

如圖我要監(jiān)聽items.amount,除了for循環(huán)的寫法,還有什么更簡單的寫法嗎?
問題解答
回答1:computed: { totalAmount () { // 計算出 items 數(shù)組中的 amount 總額 return this.items.reduce((a, b) => ({ amount: a.amount + b.amount })).amount }},watch: { totalAmount (newVal) { // 當計算屬性變更時觸發(fā)更新 console.log(’amount change to ’, newVal) }}回答2:
個人覺得,你的總額的money應(yīng)該改成一個計算屬性
computed: { money() { let sum = 0; this.items.forEach(item => { sum += item.amount; }); return sum; }}
然后將money屬性從data中刪除,同時刪除你的watch
標簽:
JavaScript
相關(guān)文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. docker-compose中volumes的問題3. docker不顯示端口映射呢?4. golang - 用IDE看docker源碼時的小問題5. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!6. docker容器呢SSH為什么連不通呢?7. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!8. mac里的docker如何命令行開啟呢?9. javascript - 連續(xù)點擊觸發(fā)mouseleave事件10. 關(guān)docker hub上有些鏡像的tag被標記““This image has vulnerabilities””
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備