el-tree组件问题

Question

element-ui组件库的el-tree组件怎么去掉父节点的半选状态

Answer 1

el-tree组件提供了一个属性checkStrictly来控制父子节点的选择关系。当 checkStrictly 设置为 true 时，父子节点的选择不再关联，父节点的半选状态也不会出现。

使用方法如下：

<el-tree
  :data="data"
  check-strictly
  :props="defaultProps"
  node-key="id"
  ref="tree"
  show-checkbox
  @check-change="handleCheckChange"
>
</el-tree>

在这里，我们在 el-tree 标签上加上了 check-strictly 属性，这样就可以去掉父节点的半选状态了。