Skip to content

robertorivera16/virtual-scroll-vue-interview-question

Repository files navigation

Virtual Scroller in Vue.JS

Description

Single file Vue component (.vue file) that will receive as a prop an array of strings called "items", the component will render a button that when clicked, will open a menu that will allow to scroll down the list of items you received as a prop.

  • The component will render the list in chunks of 20 items every time you scroll down to the end of the current list.
  • When the next 20 items render, the previous chunks is not be removed from the previuos rendered list.
  • When scrolled to the end of the list, the array should be rendered completely.
  • This components uses Vuetify, but without the vuetify component: 'v-virtual-scroll'.
  • The scroller do not use any external NPM library.

Preview

Virtual Scroller Preview

Benefits of Virtual Scrolling

How Virtual Scrolling Works

About

Virtual Scroller Component in Vue.JS using vuetify

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published