ElementUi tree 指定节点是否可以勾选

没有找到简便的隐藏节点复选框方式,所以通过禁用复选框的方式来曲线救国

ElementUi tree 指定节点是否可以勾选_第1张图片
在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 }
},

效果图:
ElementUi tree 指定节点是否可以勾选_第2张图片

你可能感兴趣的:(Element,UI)