iview Tree组件点击高亮

本文介绍如何利用iview的Tree组件,通过自定义样式和渲染函数实现节点点击后背景高亮的效果。代码示例中展示了在节点被点击时添加特定类名以改变背景色的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

.selectTreeClass{
background:#ebf7ff;
}

renderContent(h: any, {root , node, data }: any) {
return h(“div”,{
style: {
width: “90%”,
float:“right”,
cursor:“pointer”,
padding:“3px”,
},
attrs:{
class:(data.nodeKey == 0 ? ‘show selectTreeClass’:‘show’)
},
on: {
click: () => {

                          (this as any).oilPoint(root, node, data);
                        }
                    }
                },
                [
                    h("div",[
                        h("Icon", {
                            props: {
                                type: "ios-folder",
                                size:"16"
                            },
                            style: {
                                marginRight: "8px",
                                float:"left",
                                color:'#add0f6',
       
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值