VVirtualScroll API

Props

name	type	default
`height`	string \| number	undefined
Height of the component as a css value/
`item-height`	string \| number	null
Height in pixels of each item to display.
`item-key` New in v3.8.0	SelectItemKey	null
Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders.
`items`	unknown[]	[]
The array of items to display.
`max-height`	string \| number	undefined
Sets the maximum height for the component.
`max-width`	string \| number	undefined
Sets the maximum width for the component.
`min-height`	string \| number	undefined
Sets the minimum height for the component.
`min-width`	string \| number	undefined
Sets the minimum width for the component.
`renderless`	boolean	false
Disables default component rendering functionality. The parent node must be a positioned element, e.g. using `position: relative;`
`width`	string \| number	undefined
Sets the width for the component.

Slots

  | { item: unknown; index: number }
  | ({ item: unknown; index: number } & {
      itemRef: Ref<HTMLElement | undefined, HTMLElement | undefined>
    })

`default`
Default slot to render a single item.

Exposed

() => void

(index: number) => void

`calculateVisibleItems`
Trigger updating the currently rendered items based on scroll position.
`scrollToIndex`
Scrolls to the item at a given index.

#VVirtualScroll API

VVirtualScroll API