vue里面渲染一个5层递归的树菜单速度特别慢

我做了一个vue.js的组件,接收一个树状结构的数据,然后层层渲染ul>li>ul>li这样的结构。
做出来后,发现渲染1300多个节点,导致这棵树要等1-2秒钟才出来。

请问这种情况下有什么优化办法吗。

阅读 10.2k
5 个回答

延迟加载。没必要一次加载1300个节点。


first load时只加载一级节点,当用户点击或者需要查看子节点时在请求渲染子节点。
ZTree Demo 这个是ZTree异步加载的示例,大致效果就这样。

新手上路,请多包涵

Vue 怎么写一个无限层级的树状呢?

你组件在哪里,能不能给我看看,我现在需要一个vue的递归菜单

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题