文章詳情頁(yè)
javascript - vue監(jiān)聽data中的某一數(shù)組的某一項(xiàng)
瀏覽:58日期:2023-02-27 13:59:21
問(wèn)題描述
如圖我要監(jiān)聽items.amount,除了for循環(huán)的寫法,還有什么更簡(jiǎn)單的寫法嗎?
問(wèn)題解答
回答1:computed: { totalAmount () { // 計(jì)算出 items 數(shù)組中的 amount 總額 return this.items.reduce((a, b) => ({ amount: a.amount + b.amount })).amount }},watch: { totalAmount (newVal) { // 當(dāng)計(jì)算屬性變更時(shí)觸發(fā)更新 console.log(’amount change to ’, newVal) }}回答2:
個(gè)人覺得,你的總額的money應(yīng)該改成一個(gè)計(jì)算屬性
computed: { money() { let sum = 0; this.items.forEach(item => { sum += item.amount; }); return sum; }}
然后將money屬性從data中刪除,同時(shí)刪除你的watch
標(biāo)簽:
JavaScript
相關(guān)文章:
1. nignx - docker內(nèi)nginx 80端口被占用2. javascript - canvas 裁剪空白區(qū)域3. angular.js - angular內(nèi)容過(guò)長(zhǎng)展開收起效果4. docker不顯示端口映射呢?5. docker綁定了nginx端口 外部訪問(wèn)不到6. 為什么我ping不通我的docker容器呢???7. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?8. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?9. docker api 開發(fā)的端口怎么獲取?10. debian - docker依賴的aufs-tools源碼哪里可以找到啊?
排行榜

熱門標(biāo)簽