Javascript 渲染具有大量节点的Vuetify v-treeview的最佳方法是什么?
我正在使用Vuetify framework显示可折叠的:Javascript 渲染具有大量节点的Vuetify v-treeview的最佳方法是什么?,javascript,vue.js,treeview,vue-component,vuetify.js,Javascript,Vue.js,Treeview,Vue Component,Vuetify.js,我正在使用Vuetify framework显示可折叠的: 它的工作原理与我预期的差不多,但问题是项的子项最多可以包含数百个节点-即使我或多或少地轻松加载它们,但每次打开父节点时,浏览器渲染它们的速度都太慢 当前,当用户单击包含太多子节点的节点时,UI会冻结一段时间。我想要的是在渲染节点时显示加载程序或微调器,但由于Vuetify Treeview中没有用于完成渲染的回调事件(我发现的只是用于打开和异步调用),我无法为此设置回调事件。最好的方法是使用load children 动态加载子对象
它的工作原理与我预期的差不多,但问题是项的子项最多可以包含数百个节点-即使我或多或少地轻松加载它们,但每次打开父节点时,浏览器渲染它们的速度都太慢
当前,当用户单击包含太多子节点的节点时,UI会冻结一段时间。我想要的是在渲染节点时显示加载程序或微调器,但由于Vuetify Treeview中没有用于完成渲染的回调事件(我发现的只是用于打开和异步调用),我无法为此设置回调事件。最好的方法是使用
load children
动态加载子对象时使用的函数。如果这个道具是
设置,则如果展开一个
具有为空数组的item children属性。支持
回报承诺
vuetify在他们的页面上有这样一个例子:最好的方法是使用
load children
动态加载子对象时使用的函数。如果这个道具是
设置,则如果展开一个
具有为空数组的item children属性。支持
回报承诺
vuetify在其页面上有这样一个示例:
<v-treeview
:items="items"
:open-on-click="false"
:open-all="false"
:multiple-active="false"
hoverable
:active-class="'text_bold'"
return-object
activatable
>