文章詳情頁
javascript - vue監(jiān)聽data中的某一數(shù)組的某一項
瀏覽:188日期: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應該改成一個計算屬性
computed: { money() { let sum = 0; this.items.forEach(item => { sum += item.amount; }); return sum; }}
然后將money屬性從data中刪除,同時刪除你的watch
標簽:
JavaScript
相關文章:
1. 運行python程序時出現(xiàn)“應用程序發(fā)生異常”的內存錯誤?2. spring-mvc - spring-session-redis HttpSessionListener失效3. javascript - QQ第三方登錄的問題4. 在mac下出現(xiàn)了兩個docker環(huán)境5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. 利用IPMI遠程安裝centos報錯!7. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]8. 正在使用electron和node.js做桌面應用,需要實時監(jiān)聽是否有網(wǎng)絡連接,node或者electron是否可以做到9. javascript - 在 model里定義的 引用表模型時,model為undefined。10. java - Spring boot 讀取 放在 jar 包外的,log4j 配置文件,系統(tǒng)有創(chuàng)建日志文件,不寫入日志信息。
排行榜

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