文章詳情頁
javascript - vue監(jiān)聽data中的某一數(shù)組的某一項(xiàng)
瀏覽:69日期:2023-02-27 13:59:21
問題描述
如圖我要監(jiān)聽items.amount,除了for循環(huá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. mysql - sql 左連接結(jié)果union右連接結(jié)果,導(dǎo)致重復(fù)性計(jì)算怎么解決?2. PHP訂單派單系統(tǒng)3. python中def定義的函數(shù)加括號(hào)和不加括號(hào)的區(qū)別?4. mysql 遠(yuǎn)程連接出錯(cuò)10060,我已經(jīng)設(shè)置了任意主機(jī)了。。。5. python的正則怎么同時(shí)匹配兩個(gè)不同結(jié)果?6. 怎么能做出標(biāo)簽切換頁的效果,(文字內(nèi)容隨動(dòng))7. php多任務(wù)倒計(jì)時(shí)求助8. 數(shù)組排序,并把排序后的值存入到新數(shù)組中9. 默認(rèn)輸出類型為json,如何輸出html10. mysql時(shí)間格式問題
排行榜

熱門標(biāo)簽