ElementUi tree 指定節點是否顯示覆選框 正確做法

看了網上一堆教程,都是自定義樣式或者重構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 }
},
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章