文章詳情頁(yè)
javascript - vue監(jiān)聽data中的某一數(shù)組的某一項(xiàng)
瀏覽:76日期:2023-02-27 13:59:21
問題描述
如圖我要監(jiān)聽items.amount,除了for循環(huán)的寫法,還有什么更簡(jiǎ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. 數(shù)組按鍵值封裝!2. java - web項(xiàng)目中,用戶登陸信息存儲(chǔ)在session中好 還是cookie中好,取決于什么?3. angular.js - webpack build后的angularjs路由跳轉(zhuǎn)問題4. mysql - 大部分?jǐn)?shù)據(jù)沒有行溢出的text字段是否需要拆表5. mysql federated引擎無(wú)法開啟6. mysql 新增用戶 主機(jī)名設(shè)定 失敗7. 單擊登錄按鈕無(wú)反應(yīng)8. ubuntu - mysql 連接問題9. mysql - 查詢字段做了索引為什么不起效,還有查詢一個(gè)月的時(shí)候數(shù)據(jù)都是全部出來(lái)的,如果分拆3次的話就沒問題,為什么呢。10. mysql儲(chǔ)存json錯(cuò)誤
排行榜

熱門標(biāo)簽