element Tree 只让叶子节点显示复选框
2019-11-18 本文已影响0人
Sallyzqc
//只让叶子节点显示复选框
.resourceBrowsing .el-tree-node {
.is-leaf + .el-checkbox .el-checkbox__inner {
display:inline-block;
}
.el-checkbox__input>.el-checkbox__inner {
display:none;
}
}
多选框就是.el-checkbox这个样式，那么我们只需把这个样式覆盖一下，把它隐藏掉：
/deep/ .el-tree-node{
.is-leaf + .el-checkbox .el-checkbox__inner{
display: inline-block;
}
.el-checkbox .el-checkbox__inner{
display: none;
}
}
注意：/deep/ 是强穿透，也可以写成<<< ，只在当前组件文件起作用，不改变整个页面样式。
最后别忘了在el-tree组件加上 :check-strictly="true" 是否严格的遵循父子不互相关联的做法
————————————————
版权声明：本文为CSDN博主「不知名码农1994」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u013025674/article/details/101369949
