element tree 树状图根据条件是否显示多选框

看过一些网上的,修改样式只让最后一层显示多选框
但是这不是我想要的结果 我要要根据后台传过来的数据来判断是否显示多选框;
首先 第一步 把 node_modules 里面的 element tree 复制出来 到自己src 路径下面,
1
第二步 在el-checkbox 标签里面的 v-if加入自己的判断条件,要判断哪个值 就写 node.data.*** ,
2
第三步 vue的render 渲染 这里你需要做下改变,否则会报错,遵循vue render渲染规则;
3
第四步 当成组件来使用
引进来
在这里插入图片描述
直接使用,当成正常的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;

    }

}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值