问题描述: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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐