vue-perfect-list
Installation
npm install vue-perfect-list// oryarn add vue-perfect-list
Import with CommonJS
Vue
Import on Browser
Usage
Component: VuePerfectList
Props
data
:any[]
virtualScrollerOption
:?object
defaultItemSize
:number
remainCount
:?number
throttleWait
:?number
scrollTrackerOption
:?object
throttleWait
:?number
Events
reachTop
:(): void
reachBottom
:(): void
;
ScopSlotProps
index
:number
data
:any
updateSize
:(dom?: HTMLElement): void
Methods
scrollToTop
:(): Promise<void>
scrollToBottom
:(): Promise<void>
Class: Viewport
new Viewport(el, scroll, vertical)
el
:DOMElement
scroll
:?DOMElement
vertical
:?boolean
Members
scrollTop
:number
scrollLeft
:number
clientHeight
:number
clientWidth
:number
scrollHeight
:number
scrollWidth
:number
Class: ScrollTracker
new ScrollTracker(option)
option
:object
debounceEventWait
:?number
Methods
mount
:(viewport: Viewport): void
unmount
:(): void
addEventListener
:(event: string, handler): void
removeEventListener
:(event: string, handler: ): void
Events
reachTop
, reachBottom
, reachRight
, reachLeft
Class: VirtualScroller
new VirtualScroller(data, option)
data
:any[]
option
:object
defaultItemSize
:number
remainCount
:?number
throttleWait
:?number
Members
state
:object
beforeBlankSize
:nubmer
afterBlankSize
:nubmer
data
:Item[]
index
:number
value
:any
Methods
mount
:(viewport: Viewport): void
unmount
:(): void
updateData
:(data: any[]): void
updateItemSize
:(item: any, size: number): void
scrollToTop
:(): Promise<void>
scrollToBottom
:(): Promise<void>
Run demo project
yarn dev