今天在写个后台管理系统,使用了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初始化默认选中
作者:peizhidongqq