解决vue2.0 wacth深度监听新值与旧值相同问题





在上述代码中我们可以看到这是我们正常写的深度监听,但是你会发现当你监听简单数据类型的时候可以获取到旧值与新值,但是当我们监听对象的时候就出问题了    问题如下(新值与旧值相同)

解决vue2.0 wacth深度监听新值与旧值相同问题_第1张图片

 这在我们工作中就会遇到一些问题,下面我们解决一下





如上我们可以看到我们加了一个计算属性,在计算属性中加了一个深拷贝,让后我们监听计算属性的名称就可以了   结果如下

解决vue2.0 wacth深度监听新值与旧值相同问题_第2张图片

 这样就解决了,我们深度监听新值与旧值一样的问题

你可能感兴趣的:(vue.js)