zui動態(tài)樹形菜單二次渲染的示例分析

發(fā)布時(shí)間：2021-09-18 13:58:38 來源：億速云閱讀：109 作者：小新欄目：編程語言

這篇文章將為大家詳細(xì)講解有關(guān)zui動態(tài)樹形菜單二次渲染的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

在使用zui樹形菜單的過程中，由于需要個性化點(diǎn)擊事件，采用的是html拼接字符串后使用 $('#indexTreeMenu').tree();方法渲染，但是在隱藏菜單再次顯示后，子菜單的指向箭頭圖標(biāo)消失，示意如下

正常情況：

隱藏整個菜單再重新填充html后：

zui動態(tài)樹形菜單二次渲染的示例分析

查看源碼tree事件發(fā)現(xiàn)會對渲染過后的樹初始化數(shù)據(jù)對象

zui動態(tài)樹形菜單二次渲染的示例分析

修復(fù)這一問題的辦法是在渲染之前重置Tree的data對象，可以真正進(jìn)行二次渲染

//重置
$('#indexTreeMenu').data('zui.tree', null)
//渲染
$('#indexTreeMenu').tree();

關(guān)于“zui動態(tài)樹形菜單二次渲染的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡