ElementUi tree 指定节点是否显示复选框 正确做法
程序员文章站
2024-02-19 08:01:58
...
看了网上一堆教程,都是自定义样式或者重构tree代码实现。当然也不排除之前版本不支持disabled属性,然后出现了一些取舍方法解决这个问题。研究了半天,发现官方属性就支持是否显示复选框。
在props中添加disabled属性判断逻辑即可
<el-tree
:props="defaultProps"
:data="data"
ref="tree"
node-key="id"
show-checkbox
:render-content="renderContent"
>
defaultProps: {
key: "id",
children: "children",
label: "label",
isLeaf: "leaf",
disabled: function(data, node) { return !data.leaf }
},