Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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
Vue.js Vue引导b表延迟加载数据_Vue.js_Bootstrap 4_Vuejs2_Nuxt.js_Bootstrap Vue - Fatal编程技术网

Vue.js Vue引导b表延迟加载数据

Vue.js Vue引导b表延迟加载数据,vue.js,bootstrap-4,vuejs2,nuxt.js,bootstrap-vue,Vue.js,Bootstrap 4,Vuejs2,Nuxt.js,Bootstrap Vue,因此,以最简单的方式,我使用Vue引导作为项目的框架 我需要向我的项目中添加一个自定义表,其中的数据可以有数千个单元格(100+列和1k+行) 我不想在组件装载时呈现100%的表。我只想渲染可见的数据(可能稍微多一点),当用户滚动X或Y时,会延迟渲染更多的单元格。 我更愿意坚持使用Boostrap Vue的表,而不是只为表使用外部库,除非需要 实现这一目标的最佳方式是什么 希望你今天过得很好 您可以使用itemsprop接受“items provider函数”从远程数据库获取数据。在API请求中

因此,以最简单的方式,我使用Vue引导作为项目的框架

我需要向我的项目中添加一个自定义表,其中的数据可以有数千个单元格(100+列和1k+行)

我不想在组件装载时呈现100%的表。我只想渲染可见的数据(可能稍微多一点),当用户滚动X或Y时,会延迟渲染更多的单元格。

我更愿意坚持使用Boostrap Vue的表,而不是只为表使用外部库,除非需要

实现这一目标的最佳方式是什么


希望你今天过得很好

您可以使用
items
prop接受“items provider函数”从远程数据库获取数据。在API请求中使用分页和筛选,只获取所需数据,如每个请求中的10项,并在表中仅呈现10项


您可以在官方文档中找到示例。

您可能应该在虚拟滚动条中查找该大小的数据集,否则您将很快看到性能问题。