实现效果:指定层级节点可选,禁用不可勾选选框
1. el-tree的props条件禁用
props: {
label: function(data, node) {
return data.name
},
children: 'zones',
isLeaf: 'leaf',
disabled: data => {
return data.type === '3'
}
},
2、样式隐藏(包含展开按钮间距)
::v-deep {
.el-checkbox__input.is-disabled{
display: none;
}
.el-tree-node__expand-icon{
padding: 0;
}
}