自己記錄一哈旧噪。
官網(wǎng)不帶圖標(biāo)的tree點(diǎn)擊樣子:
官網(wǎng)帶圖標(biāo)點(diǎn)擊沒(méi)有高亮:
我自己搞得高亮:
代碼:vue實(shí)例外訪問(wèn)可以傳出_this,指向vue實(shí)例
? ? ? ? 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: () => {
? ? ? ? ? ? ? ? ? ? ? ? //這個(gè)函數(shù)就是主要的击罪,傳出data蕴侧,取出data.nodeKey坤溃,在根據(jù)這個(gè)值來(lái)判斷顏色侣监,還要加上自己的業(yè)務(wù)邏輯
? ? ? ? ? ? ? ? ? ? ? ? onSelectChange(data, _this)
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? title
? ? ? ? ? ? ? ? )
? ? ? ? ? ? ? ])
? ? ? ? ? ? }