自己记录一哈。
官网不带图标的tree点击样子:
官网带图标点击没有高亮:
我自己搞得高亮:
代码:vue实例外访问可以传出_this,指向vue实例
render(h, { data, root, node }) {
return h('span', [
h('Icon', {
props: {
type: 'ios-folder-outline'
},
style: {
marginRight: '2px'
},
on: {
click: () => {
onSelectChange(data, _this)
}
}
}),
h(
'span',
{
style: {
cursor: 'pointer',
fontWeight: '700',
//data.nodeKey等于onSelectChange里取出的值就高亮显示
color: data.nodeKey == _this.nodeKey ? '#2d8cf0' : ''
},
on: {
click: () => {
//这个函数就是主要的,传出data,取出data.nodeKey,在根据这个值来判断颜色,还要加上自己的业务逻辑
onSelectChange(data, _this)
}
}
},
title
)
])
}