怎样自定义elementUI的tree树形组件的图标

29 篇文章 0 订阅
7 篇文章 0 订阅

首先使用el-tree组件,然后定义好data数据,可以看到里面有自定义设置的icon字段,就是用来存放对应的图标的类名的

然后用插槽来把图标插入进去,图标的类可以在data里面获取,如果需要还可以给这个icon绑定事件

然后把原来el-tree的图标隐藏掉,注意必须重写element原来的样式,而且要设置为全局样式来覆盖(也就是不加scoped)
我这里就加一个自定义的类进行限制,防止别处也被修改 当然你也可以用深度选择器(此处不讨论这个)

最后说一句,插槽的node以及data提供了许多的方法和属性给我们,要善用这些数据
至于这些数据有什么,就需要自己去打印查看分析哦

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值