问题描述:vue的watch属性监听不到数据的变化

最近的vue项目中使用watch监听复杂对象的属性变化时,值变化,监听函数也执行了,但是,我们得到的新旧值是一样的,也就是说虽然监听到对象属性的变化,但是,监听函数中的newVal和oldVal是一样的, 此时我想要拿新值和旧值做比较的时候就没办法了

@Override
	public void run() {
		bytes = mmInStream.read(buffer);
		mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();
	}

原因分析:

通过查找文档发现:
在这里插入图片描述
然后问题来了,修改他不会备份,通过思考想了个比较low的解决方案,如下

解决方案:利用computed属性深拷贝copy一份数据,监听copy的值

在这里插入图片描述
在这里插入图片描述
如此一来解决了问题,符合预期。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐