element官方自带的是在节点设置disabled:true属性,在项目中并不好用,如data: [{ id: 1, label: '一级 2', children: [{ id: 3, label: '二级 2-1', children: [{ id: 4, label: '三级 3-1-1' }, { id: 5, label: '三级 3-1-2', disabled: true }] },.....
props绑定的对象中可以实现灵活禁用
<CustomTree
:props="propsObj"
node-key="id"
:list="menuSelectList"
:defaultCheckedKeys="menuValueList"
@onClick="handleTreeClick"
/>
propsObj: {
children: 'children',
label: 'label',
disabled: this.disabledFn,
},
disabledFn() {
return true
},
博客介绍了如何通过在props绑定的对象中设置参数来灵活禁用Element UI的el-tree组件,避免了直接在节点上设置disabled属性的不便。
733





