ElementUI tree树父节点不显示复选框

ElementUI tree树如果设置了复选框，父节点默认也是显示复选框的，点击父节点的复选框，可以选择此父节点下所有的子节点，但有时候，父节点前有箭头，又有复选框不好看，有需要隐藏父节点复选框的需求：


调试发现子节点样式名有isleaf


修改样式代码（scss）

/deep/ .el-tree {
    padding-top: 15px;
    padding-left: 10px;
    // 不可全选样式
    .el-tree-node {
        .is-leaf + .el-checkbox .el-checkbox__inner {
            display: inline-block;
        }
        .el-checkbox .el-checkbox__inner {
            display: none;
        }
    }
}

修改样式代码（css）

>>> .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner{display: inline-block;}
>>> .el-tree .el-tree-node .el-checkbox .el-checkbox__inner{display: none;}

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！