Element Tree 樹形控件自定義顯示樣式與hover事件綁定實(shí)現(xiàn)添加、刪除和修改
(以上术吗,純屬對(duì)?https://blog.csdn.net/wxfdpp/article/details/83624460的補(bǔ)充)
(原文鏈接:https://blog.csdn.net/wxfdpp/article/details/83624460)
我的項(xiàng)目需求是實(shí)現(xiàn)鼠標(biāo)hover上去的時(shí)候在對(duì)應(yīng)的樹形結(jié)構(gòu)后面顯示 添加 修改 和 刪除 并實(shí)現(xiàn)功能,查看了對(duì)應(yīng)element文檔剛好有類似的功能,
這個(gè)自定義結(jié)點(diǎn)內(nèi)容寫的也未免有點(diǎn)太唐突了點(diǎn)…要完成項(xiàng)目需求是遠(yuǎn)遠(yuǎn)不夠的,再往下找,沒有了
當(dāng)我嘗試使用element的自定義結(jié)點(diǎn),給對(duì)應(yīng)的結(jié)點(diǎn)添加v-show="false"發(fā)現(xiàn)卻并沒有起作用,懷疑是自己寫法錯(cuò)誤,找一個(gè)案例測了一下,不是我的問題,想起來曾經(jīng)使用過iview腳手架,也做過類似的操作于是找了出來.修改一下完成了需求
<--這是我的樹形控件-->
renderContent 是自定義顯示的回掉?綁定的data4是參照element但是我讓添加了一個(gè)is_show 字段,后來想想可以使用本地中間變量來判斷
這些工作做完了來看一下效果(數(shù)據(jù)僅為模擬數(shù)據(jù))
大功告成,添加,修改,和刪除就簡單了這里就不貼出來了,
另外,在添加鼠標(biāo)事件的時(shí)候還遇到一個(gè)問題,比如click事件這樣寫
只是補(bǔ)充睁宰,以上內(nèi)容轉(zhuǎn)載?https://blog.csdn.net/wxfdpp/article/details/83624460