vue更新数组或对象数据时,页面不做响应式渲染

这是在vue项目中很多人会遇到的问题:定义在data中的数据和对象明明已经更新了,但是页面却没有变化,对此,官方给出的解释:


相应的解决方法可查看:https://cn.vuejs.org/v2/guide/reactivity.html,非常详细。

另外还发现了一种解决方法:

大致来说就是直接改变对象或数组的内存地址,此能触发vue响应式渲染

实现方法如下:

let temp = _.cloneDeep(obj)    (此为lodash函数库实现深拷贝,也可采用其他方式实现)

...      (对temp进行一系列数据操作)

obj = temp

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容