vue watch new old值一样

最新推荐文章于 2024-04-04 22:48:55 发布

XJF_XH

最新推荐文章于 2024-04-04 22:48:55 发布

阅读量253

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Xuhai0811/article/details/132233520

版权

原因：深浅拷贝问题

解决办法：

1.用watch指向监听的基本类型

watch: {

         'obj.a': { // watch指向监听的基本类型

                handler (newVal, oldVal) {

                        console.log('newVal', newVal)

                        console.log('oldVal', oldVal)

                },

                deep: true

        }

}

2.使用computed

computed: {

        newObj () {       // 对 obj 进行深拷贝

                return JSON.parse(JSON.stringify(this.obj))

        }

},

watch: {

        newObj: { // 监听新值

                handler (newVal, oldVal) {

                        console.log('newVal', newVal)

                        console.log('oldVal', oldVal)

                },

                deep: true

        }

}