scroll-start: emitted when the first item is rendered. scroll-end: emitted when the last item is rendered. Default scoped slot props item: item being rendered in a view. index: reflects each item's position in theitemsarray active: whether or not the view is active. An active view is ...
itemSize(default:null): display height (or width in horizontal mode) of the items in pixels used to calculate the scroll size and position. If it is set tonull(the default value), it will usevariable size mode. minItemSize: minimum size used if the height (or width in horizontal mode...
scroll-start: emitted when the first item is rendered. scroll-end: emitted when the last item is rendered.Default scoped slot propsitem: item being rendered in a view. index: reflects each item's position in the items array active: whether or not the view is active. An active view is ...
Smooth scroll with any amount of data (demo). Table of contents Installation Usage Example Installation npm install --save vue-virtual-scroller ⚠️vue-virtual-scrollernow usesvue-observe-visibilityto automatically refresh itself when shown to prevent display glitches. This means you need to inclu...
itemHeightis the display height of the items in pixels used to calculate the scroll height and position. If it set tonull(default value), it will usevariable height mode. renderersis a map of component definitions objects or names for each item type (more details). If you don't defineren...
We’ve used the vue-virtual-scroller plugin to create components for aVirtualListand aVirtualTable. If you try them out with the 5000 items we’ve generated, they should render and scroll quite smoothly. Checkvue-virtual-scroller docsto see more options and customizations. ...
@scroll.passive="handleScroll" > <slot name="before" />
@update (startIndex, endIndex, visibleStartIndex, visibleEndIndex):emitted each time the views are updated, only if emitUpdate prop is true. @scroll-start:emitted when the first item is rendered. @scroll-end:emitted when the last item is rendered. ...
itemSize(default:null): display height (or width in horizontal mode) of the items in pixels used to calculate the scroll size and position. If it is set tonull(the default value), it will usevariable size mode. minItemSize: minimum size used if the height (or width in horizontal mode...
}"@scroll.passive="handleScroll"><slotname="before"/>