文章详情页
javascript - vue监听data中的某一数组的某一项
浏览:92日期: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. javascript - JS设置Video视频对象的currentTime时出现了问题,IE,Edge,火狐,都可以设置,反而chrom却...2. python - django models 为生成的html元素添加样式。3. android - 安卓做前端,PHP做后台服务器 有什么需要注意的?4. docker-compose 为何找不到配置文件?5. python的bs4如何筛选出h1标签中的内容6. 前端 - css3 3d效果问题7. java - spring-data Jpa 不需要执行save 语句,Set字段就可以自动执行保存的方法?求解8. docker gitlab 如何git clone?9. javascript - Js 函数声明和函数表达式10. html5 - 为什么使使用vue cli 脚手架,post-css 没有自动对css3属性自动添加浏览器前缀呢?
排行榜
