Blazing fast scrolling of any amount of data |Live demo|Video demo For Vue 3 support, seehere 💚️Become a Sponsor Sponsors Table of contents Installation Usage RecycleScroller DynamicScroller DynamicScroller
Blazing fast scrolling of any amount of data | Live demo | Video demoSponsorsTable of contentsInstallation Usage RecycleScroller DynamicScroller DynamicScrollerItem IdStateInstallationnpm install --save vue-virtual-scroller ⚠️ vue-virtual-scroller now uses vue-observe-visibility to automatically ...
<template> <virtual-scroller class="scroller" :items="items" :renderers="renderers" item-height="22" type-field="type"> </virtual-scroller> </template> // Data with a type field const items = [ { type: 'letter', value: 'A' }, { type: 'person', value: { name: 'Alan' ...
<template><virtual-scrollerclass="scroller":items="items":renderers="renderers"item-height="22"type-field="type"></virtual-scroller></template>// Data with a type fieldconstitems=[{type:'letter',value:'A'},{type:'person',value:{name:'Alan'}},{type:'person',value:{name:'Alice'}...
vue-virtual-scroller是一个 Vue 组件库,用于高效地渲染大量数据项,通过虚拟滚动来提升性能。它适用于长列表、网格、表格等场景 引入组件 Vue 项目中引入并注册vue-virtual-scroller组件。你可以在全局或局部注册组件 全局注册 在main.js中 importVuefrom'vue';import{VirtualScroller,RecycleScroller}from'vue-virtual-...
Blazing fast scrolling of any amount of data | Live demo | Video demoSponsorsGoldSilverBronzeTable of contentsInstallation Usage RecycleScroller DynamicScroller DynamicScrollerItem IdStateInstallationnpm install --save vue-virtual-scroller ⚠️ vue-virtual-scroller now uses vue-observe-visibility to ...
Blazing fast scrolling of any amount of data | Live demo | Video demo For Vue 2 support, see here 💚️ Become a Sponsor Sponsors DependenciesRuntimeDevelopment vue-resize^0.4.5 vue-observe-visibility^0.4.4 42 Quality CVE IssuesActive 0 Scorecards Score 3.00 Test Coverage No Data Follows ...
Blazing fast scrolling of any amount of data |Live demo|Video demo Sponsors Gold Silver Bronze Table of contents Installation Usage RecycleScroller DynamicScroller DynamicScrollerItem IdState Installation npm install --save vue-virtual-scroller
Live Demo😍:https://vue-virtual-scroller-demo.netlify.app/ Vuetifyよりいいの理由 Version 2ではVue3を対応してるので、今のVue3Projectで待たなく利用できます before and after slotにより、リストアイテム以外のもの設置できます。利用の例は ...
$ yarn add vue-virtual-scroller@next # NPM $ npm i vue-virtual-scroller@next Description: The Vue Virtual Scroller Component allows for smooth scrolling with any amount of data. Compatible with both Vue 3 and Vue 2. Components Included: ...