这是在vue项目中很多人会遇到的问题:定义在data中的数据和对象明明已经更新了,但是页面却没有变化,对此,官方给出的解释:
相应的解决方法可查看:https://cn.vuejs.org/v2/guide/reactivity.html,非常详细。
另外还发现了一种解决方法:
大致来说就是直接改变对象或数组的内存地址,此能触发vue响应式渲染
实现方法如下:
let temp = _.cloneDeep(obj) (此为lodash函数库实现深拷贝,也可采用其他方式实现)
... (对temp进行一系列数据操作)
obj = temp