iview tree加入图标并点击高亮显示

自己记录一哈。

官网不带图标的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

                )

              ])

            }