vue监听数组，新数据和旧数据一样问题解决

最新推荐文章于 2023-09-19 19:47:37 发布

王者异风

最新推荐文章于 2023-09-19 19:47:37 发布

阅读量922

点赞数

文章标签： vue.js 前端 json

本文链接：https://blog.csdn.net/wangzheyifeng/article/details/121225714

版权

这段代码展示了如何在Vue中利用计算属性`tableData`处理`maStockList`数组，通过JSON转换确保监听到数组的变化。当`tableData`改变时，深度监听 (`deep:true`) 触发`handler`函数，允许对新旧数组进行比较和操作。

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

computed: {
      // 计算属性，解决直接监听数组新旧值一样的情况
      tableData() {
        return JSON.parse(JSON.stringify(this.maStockList))
      }
},
watch: {
    tableData: {
        deep: true,
        handler(array, oldArray) {
        
        }
    }
}

使用计算属性处理一下