看了網上一堆教程,都是自定義樣式或者重構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 }
},