Vue.js Vue引导b表延迟加载数据
因此,以最简单的方式,我使用Vue引导作为项目的框架 我需要向我的项目中添加一个自定义表,其中的数据可以有数千个单元格(100+列和1k+行) 我不想在组件装载时呈现100%的表。我只想渲染可见的数据(可能稍微多一点),当用户滚动X或Y时,会延迟渲染更多的单元格。 我更愿意坚持使用Boostrap Vue的表,而不是只为表使用外部库,除非需要 实现这一目标的最佳方式是什么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请求中
希望你今天过得很好 您可以使用
items
prop接受“items provider函数”从远程数据库获取数据。在API请求中使用分页和筛选,只获取所需数据,如每个请求中的10项,并在表中仅呈现10项
您可以在官方文档中找到示例。您可能应该在虚拟滚动条中查找该大小的数据集,否则您将很快看到性能问题。