virtualItemDirective
const virtualItemDirective: Directive<HTMLElement, VirtualVueItemBinding>;Vue directive that observes the size of one rendered virtual item.
Related examples
- HorizontalvueThis example virtualizes a horizontal collection: columns are measured and positioned along the x-axis while the browser keeps a native horizontal scrollbar.
- Simple ListvueThis is the smallest complete virtual list for each framework. Application data stays in the framework while the adapter renders and measures only the current visible range.
- Simple PrimitivesvueThis example builds a list from the adapter's lower-level model, layout, range, and item primitives instead of its high-level list binding.
- Sticky Header And FootervueThis example keeps a header and footer inside the scrolling viewport while the virtual item range remains measured and independently positioned.
- Variable SizevueThis example renders rows whose heights differ and can change after mount. Mounted items report their real border-box size, replacing the initial estimate without requiring application-side layout reads.
- Nested ContainervueThis example separates the native scroll owner from the element that contains the virtual range. Content can appear before the list while core still measures the nested offset and publishes the correct geometry.