文章詳情頁
javascript - vue監聽data中的某一數組的某一項
瀏覽:98日期:2023-02-27 13:59:21
問題描述
如圖我要監聽items.amount,除了for循環的寫法,還有什么更簡單的寫法嗎?
問題解答
回答1:computed: { totalAmount () { // 計算出 items 數組中的 amount 總額 return this.items.reduce((a, b) => ({ amount: a.amount + b.amount })).amount }},watch: { totalAmount (newVal) { // 當計算屬性變更時觸發更新 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 - 斗魚關注人數爬下來是張加載圖片,如何爬取關注人數2. javascript - dropload+tab頁面,圖文頁滾動有兩個滾動區域怎么破?3. javascript - H5移動端開發4. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?5. php - mysql多表查詢6. python - 為什么在main()函數里result 會變成那樣?7. 修改my.cnf后mysql無法運行???8. 就一臺服務器,mysql數據庫想實現自動備份,如何設計?9. javascript - CSS圖片輪播顯示問題10. 怎么用php+mysql做動態數據表格 , 急!!!
排行榜
