vue watch监听数据回调新旧值相同

最新推荐文章于 2024-06-07 09:34:54 发布

转载最新推荐文章于 2024-06-07 09:34:54 发布 · 2.8k 阅读

vue 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了Vue.js中使用计算属性对数据进行深层监听的方法，通过实例展示了如何利用计算属性testDataNew来监听testData的变化，实现数据的实时更新。

    data:{
        testData:{
            dataInfo:{
                a: '我是a',
                b: '我是b'
            }
        }
    },
    watch: {
      testDataNew: {
        handler: (val, olVal) => {
          console.log('我变化了', val, olVal)
        },
        deep: true
      }
    },
    computed: {
      testDataNew() {
        return JSON.parse(JSON.stringify(this.testData))
      }
    }

给数据加一层包装在计算属性中即可解决