呈现具有大量节点的Vuetify v树视图的最佳方法是什么?

问题描述 投票:1回答:1

我正在使用Vuetify框架显示可折叠的Treeview component

<v-treeview
 :items="items"
 :open-on-click="false"
 :open-all="false"
 :multiple-active="false"
 hoverable
 :active-class="'text_bold'"
 return-object
 activatable
>

而且它几乎达到了我的预期效果,但是问题是items的子代最多可以包含数百个节点-即使我不费吹灰之力地加载它们,它们也会被渲染每次打开父节点时浏览器都会太慢。

[当前,当用户单击具有过多子级的节点时,UI只会冻结一段时间。我想要的是在渲染节点时显示加载程序或微调器-但是由于Vuetify Treeview中没有用于完成渲染的回调事件(我发现仅用于打开和异步调用),因此我无法设置回调事件。

javascript vue.js treeview vue-component vuetify.js
1个回答
0
投票

最好的方法是使用load-children动态加载子级>

动态加载子代时使用的函数。如果这个道具是设置,则如果展开一个具有一个为空数组的item-children属性。支持返回承诺。

vuetify在其页面上有此示例:https://vuetifyjs.com/en/components/treeview/#async-items

© www.soinside.com 2019 - 2024. All rights reserved.