数组的中的某个属性的监听

LinDon_

已于 2023-04-14 11:38:54 修改

阅读量204

点赞数

分类专栏：笔记 VUE 文章标签： javascript typescript vue.js

于 2022-06-12 16:27:55 首次发布

本文链接：https://blog.csdn.net/weixin_46252229/article/details/125246788

版权

VUE 同时被 2 个专栏收录

59 篇文章 2 订阅

订阅专栏

笔记

55 篇文章 1 订阅

订阅专栏

该段代码展示了如何在Vue中通过computed属性和watch监听器来计算两个数组中特定属性（amount）的总和。当数组元素的amount属性发生变化时，更新CardrftNo（元素数量）和CardrftNoMoney（amount总和）的值。

摘要由CSDN通过智能技术生成

【数组的中的某个属性的监听】

一、结构
在这里插入图片描述

  computed : {
    amount : function () {
       JSON.parse(JSON.stringify(this.linke.newList))

       JSON.parse(JSON.stringify(this.linke.oldList))
       return
    }
  },
  watch : {
    amount : {
      handler (newVal) {
        // console.log(newVal , 'newVal')
        // console.log(oldVal , 'oldVal')
        let aaa  = this.linke.oldList.reduce((sum, e) => sum + Number(e.amount || 0), 0)
        let bbb  = this.linke.newList.reduce((sum, e) => sum + Number(e.amount || 0), 0)
        this.CardrftNo = this.linke.oldList.length + this.linke.newList.length
        this.CardrftNoMoney = aaa + bbb
      } ,
      immediate : false,
      deep: true
    }
  },