欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ElementUi tree 指定节点是否显示复选框 正确做法

程序员文章站 2024-02-19 08:01:58
...

看了网上一堆教程,都是自定义样式或者重构tree代码实现。当然也不排除之前版本不支持disabled属性,然后出现了一些取舍方法解决这个问题。研究了半天,发现官方属性就支持是否显示复选框。

ElementUi tree 指定节点是否显示复选框 正确做法
在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 }
},
相关标签: Element UI vue