我正在使用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中没有用于完成渲染的回调事件(我发现仅用于打开和异步调用),因此我无法设置回调事件。
最好的方法是使用load-children
动态加载子级>
动态加载子代时使用的函数。如果这个道具是设置,则如果展开一个具有一个为空数组的item-children属性。支持返回承诺。
vuetify在其页面上有此示例:https://vuetifyjs.com/en/components/treeview/#async-items