ElementUI 去除可选择树形控件最外层选项框

今天遇到一个奇怪的需求，需要把树形控件最哇曾选项框去除。

由于外层内层 el 标签的 class 名都是一致的，修改起来比较麻烦。

当然了，大手子也可以通过获取 DOM 节点来修改，这里分享一个比较简单的小方法。

// 设置 tree 组件首个 checkbox 消失

::v-deep .is-leaf + .el-checkbox .el-checkbox__inner {
display: inline-block;
}
::v-deep .el-checkbox .el-checkbox__inner{
display: none;
}

上面可以将最外层的框框去掉，但是有一点，必须这个 tree 结构下面有值。

比如，像上图中的 region2 里面没有子元素，则前面的框框是没办法去除的。建议可以提前把没有子元素的值筛掉。

以上。