前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >zui动态树形菜单二次渲染

zui动态树形菜单二次渲染

作者头像
code2roc
发布2023-07-19 14:44:21
1630
发布2023-07-19 14:44:21
举报

在使用zui树形菜单的过程中,由于需要个性化点击事件,采用的是html拼接字符串后使用  $('#indexTreeMenu').tree();方法渲染,但是在隐藏菜单再次显示后,子菜单的指向箭头图标消失,示意如下

正常情况:

隐藏整个菜单再重新填充html后:

查看源码tree事件发现会对渲染过后的树初始化数据对象

修复这一问题的办法是在渲染之前重置Tree的data对象,可以真正进行二次渲染

代码语言:javascript
复制
//重置
$('#indexTreeMenu').data('zui.tree', null)
//渲染
$('#indexTreeMenu').tree();
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-07-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档