javascript - vue监听data中的某一数组的某一项

查看:170
本文介绍了javascript - vue监听data中的某一数组的某一项的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

如图我要监听items.amount,除了for循环的写法,还有什么更简单的写法吗?

解决方案

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)
  }
}

这篇关于javascript - vue监听data中的某一数组的某一项的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆