for循环数组对象元素的v-model如何实现监听

<el-input v-model="addForm.list[index].money" @input="moneyChange">

一、最好的写法,用@input事件,获取需要监听的数据

data () {
    return {
        moneyCount:0
    }
}
methods: {
    amountChange() {
        this.moneyCount = 0
        this.addForm.expenseCosts.forEach(e => {
            this.amountCount = numberAdd(this.amountCount,e.amount,2)
        })
    },
    //数据总和方法
    numberAdd(number1, number2, number3) {
        return (Number(Number(number1) * 1000000 + Number(number2) * 1000000) / 1000000).toFixed(number3);
    }
}

二、普通监听某个值,循环数组对象的值获取不到,只能使用监听数组对象.

        任何数组对象元素被触发时,都会执行监听事件,造成性能损耗.

    watch: {
        'addForm.list':{
            immediate: true,    //初始值执行handler函数了
            deep:true,    //深度监听
            handler(data) {
                let sum = data.map(e=>{
                    let i = 0;
                    return i += Number(e.money)
                })
                data.forEach(e => {
                    this.moneyCount = numberAdd(this.moneyCount,e.money)
                })
                this.moneyCount = eval(sum.join("+")).toFixed(2);
            }
        }
    },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值