iview标签页的点击方法_iview中tree的自定义样式高亮当前点击项问题

iview的tree功能真的很简陋，提供的API又很少。 如在树的文字边上增加图标的API也没有，只能自己自定义了。自定义后 selected的样式就丢失了，包括api中的选中事件也失效了,需要自己加上。参考了下网上的做法，一般都是自己写一个单击事件，并加上样式。

1.Tree标签上增加render属性

在Tree标签上 增加render属性,使用的是renderContent()方法

2.编写renderContent()方法

基础模型

先在renderContent方法中按照iview中的文档进行cv，这一步已经完成了给树加图标。但是是没有样式，没有选择的效果也没有鼠标放在上面的效果。

renderContent(h, { root, node, data }) {

return h('span', {

style: {

display: 'inline-block',

width: '100%'

}

}, [

h('span', [

h('Icon', {

props: {

type: 'ios-folder-outline'

},

style: {

marginRight: '8px'

}

}),

h('span', {

}, data.title)

]),

]

)

},