概述
VUE element-ui 组件 el-tree 默认选中渲染问题
在使用elementui中的el-tree时，发现对:default-checked-keys="this.arr"绑定的数组进行重新赋值并不能改变树形结构中的默认选中的值，反而还在原来基础上增加了重新赋值的选中。原以为是数组赋值等的引用或指向问题，但是使用console.log发现每次的this.arr的值都是变了的。于是便考虑到了el-tree本身的渲染是否存在问题。
查了相关资料发现：除 element el-tree 已选中的选项，光是清除 default-checked-keys 值是没用的。element 的 el-tree 组件是采用赋值的方式改变是否勾选的，所以你应该使用组件中提供的 this.$refs.tree.setCheckedKeys([]);
// 直接在你关闭窗口的事件中增加这段代码即可清楚选中的数据
this.$refs.tree.setCheckedKeys([])
最后
以上就是单身含羞草为你收集整理的VUE element-ui 组件 el-tree 默认选中渲染问题的全部内容，希望文章能够帮你解决VUE element-ui 组件 el-tree 默认选中渲染问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复