Vue Virtual Scroller Component

Description:

The Vue Virtual Scroller Component allows for smooth scroll with any amount of data.

Components Included:

  • RecycleScroller: a component that only renders the visible items in your list. It also re-uses components and dom elements to be as efficient and performant as possible.
  • DynamicScroller: a component that wraps the RecycleScroller component and extends its features to include dynamic size management. The main use case for this is when you do not know the size of the items in advance. The Dynamic Scroller automatically “discovers” item dimensions as it renders new items during scrolling.
  • DynamicScrollerItem: must wrap each item in a DynamicScroller to handle size computations.
  • IdState: a mixin that ease the local state management in reused components inside a RecycleScroller.

Preview:

Vue Virtual Scroller Component

Changelog:

v1.0.10 (04/20/2020)

  • Fixed Cannot set property ‘item’ of undefined

Download Details:

Author: Akryum

Live Demo: https://akryum.github.io/vue-virtual-scroller/

Download Link: https://github.com/Akryum/vue-virtual-scroller/archive/master.zip

Official Website: https://github.com/Akryum/vue-virtual-scroller

Install & Download:

npm install --save vue-virtual-scroller

You Might Be Interested In:

Add Comment