Infinite Scroll

Load more data while reach bottom of the page

Basic usage

Add v-infinite-scroll to the list to automatically execute loading method when scrolling to the bottom.

Disable Loading

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

Directives

NameDescriptionTypeDefault
v-infinite-scrollLoad more data while reach bottom of the pageFunction
infinite-scroll-disabledis disabledbooleanfalse
infinite-scroll-delaythrottle delay (ms)number200
infinite-scroll-distancetrigger distance (px)number0
infinite-scroll-immediateWhether to execute the loading method immediately, in case the content cannot be filled up in the initial state.booleantrue

Source

ComponentStyleDocs

Contributors