element-ui tree树形控件:default-checked-keys 设置空数组 默认还是选中状态问题

今天在写个后台管理系统,使用了element-ui的组件库。在做角色权限,通过tree控件展示权限列表的时候,用:default-checked-keys绑定数据,这个属性不能实现双向绑定,只能用于初始化选择状态。如果想双向绑定只能使用组件的方法setCurrentKey来实现。想直接绑定数据来的方便,只能修改源码。在tree的源码 属性中重新定义一个属性,在watch中监听,调用

this.store.setCheckedKeys()。以下是作者修改的代码,第一次写博客分享给大家,不喜勿碰,还望更多大神多多指教。
props: {
.....
pCheckedKeys: Array,
......
}
watch: {
pCheckedKeys: function pCheckedKeys(newVal) {
  this.store.setCheckedKeys(newVal, false);
},

使用tree给属性p_checked_keys赋值

默认选中default-checked-keys初始化默认选中

发布了1 篇原创文章 · 获赞 1 · 访问量 36

猜你喜欢

转载自blog.csdn.net/peizhidongqq/article/details/105333983