ElementUi el-tree 设置指定级别节点显示复选框(checkbox)

ElementUi el-tree 设置指定级别节点显示复选框(checkbox)

  • 1、通过css修改方式(单个应用,相对简单)
  • 2、通过源码修改(可作为模板使用,相对复杂)

今天在使用elementUI的tree进行开发时,碰到了一个树中只显示第一个级别的节点的checkbox,经过查找和实验有两种方式。

1、通过css修改方式(单个应用,相对简单)

1.1需要实现效果如图

ElementUi el-tree 设置指定级别节点显示复选框(checkbox)_第1张图片

1.2修改css

F12,查看checkbox所处的位置,如图
ElementUi el-tree 设置指定级别节点显示复选框(checkbox)_第2张图片
代码修改如下: