Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 渲染具有大量节点的Vuetify v-treeview的最佳方法是什么?_Javascript_Vue.js_Treeview_Vue Component_Vuetify.js - Fatal编程技术网

Javascript 渲染具有大量节点的Vuetify v-treeview的最佳方法是什么?

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 动态加载子对象

我正在使用Vuetify framework显示可折叠的:


它的工作原理与我预期的差不多,但问题是项的子项最多可以包含数百个节点-即使我或多或少地轻松加载它们,但每次打开父节点时,浏览器渲染它们的速度都太慢


当前,当用户单击包含太多子节点的节点时,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
>