el-tree 只有叶子节点添加复选框

一、内容

<el-tree  
show-checkbox                //是否显示复选框
:check-strictly="true"       //true:父子节点不关联复选
:data="deptOptions" 
:props="defaultProps" 
:expand-on-click-node="false"
:filter-node-method="filterNode" 
ref="tree" 
default-expand-all
@node-click="handleNodeClick" />

二、css

<style  rel="stylesheet/scss" lang="scss">

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

注意：style 中不能添加 scoped 属性，否则样式无效。