看过一些网上的,修改样式只让最后一层显示多选框
但是这不是我想要的结果 我要要根据后台传过来的数据来判断是否显示多选框;
首先 第一步 把 node_modules 里面的 element tree 复制出来 到自己src 路径下面,
第二步 在el-checkbox 标签里面的 v-if加入自己的判断条件,要判断哪个值 就写 node.data.*** ,
第三步 vue的render 渲染 这里你需要做下改变,否则会报错,遵循vue render渲染规则;
第四步 当成组件来使用
引进来
直接使用,当成正常的element tree树状 来使用就行,官方api文档规则还在
h(
'span',
{
domProps: {innerHTML: `<span class="el-tree-node__label">${node.label}</span>`},
},
[]
)
下面是根据样式修改只让显示最后一层多选框
.el-tree-node {
.is-leaf + .el-checkbox .el-checkbox__inner {
display:inline-block;
}
.el-checkbox__input>.el-checkbox__inner {
display:none;
}
}