首页 > 建站教程 > 前端框架 >  ElementUI tree树父节点不显示复选框正文

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;}