关于vue.js:vue-数据对象内部属性变化-dom无法更新视图问题elementui-tree组件修改节点数据无法更新视图的问题

5次阅读

共计 461 个字符,预计需要花费 2 分钟才能阅读完成。

在 vue 我的项目中利用 elementUI 框架的时候,发现绑定数据 data 的 chilidren 数据变动时,在组件视图中没有监测到和更新,导致的一些问题,须要解决;

各种查找相干问题解决办法后,晓得了产生问题的起因并做了相应解决,作为记录,以备前面再次遇到问题时,可能疾速定位解决;

产生起因:
在 vue 文档中有这样一句话:因为 JavaScript 的限度,Vue 不能检测 数组和对象的变动。尽管如此咱们还是有一些方法来回避这些限度并保障它们的响应性。
响应式检测变动注意事项.

所以晓得了,是因为 vue 的起因产生的这个问题;

解决办法:
在剖析起因之后得出结论如果使数据的变动能够被检测到,那么视图就会更新。
于是参照一些博客中的办法,对数据进行如下解决:

this.treeData=JSON.parse(JSON.stringify(this.treeData)

在对属性控件的数据进行批改之后,给数据深拷贝解决一下,视图就能够进行相应的更新了;

到此,问题也算能够解决了,不过解决的不是很优雅,等前面再遇到时,有工夫具体钻研一下更好的解决办法。

正文完
 0