Props

distance

• Type: Number
• Default: 100
• Details:

The infinite event will be fired if the scroll distance is less than this value. If direction is set to top, it will calculate the distance between the scroll bar and the top, if direction is set to bottom, it will calculate the distance between the scroll bar and the bottom.

spinner

• Type: String
• Default: default
• Available: default | spiral | circles | bubbles | wavedots
• Details:

This property is used to set the loading animation, you can choose one of the built-in spinners that you like. You can also use your own with the spinner slot.

• See also: Customizing Load Messages

direction

• Type: String
• Default: bottom
• Available: top | bottom
• Details:

This property is used to set the load direction.

forceUseInfiniteWrapper

• Type: Boolean | String
• Default: false
• Details:

By default, the component will search for the closest parent element which has overflow-y: auto | scroll CSS style as the scroll container, this property is used to force to specify the scroll container, usually used when the case has complex layout or 3rd-party scroll plugin.

If this value set be true, the component will search for the closest parent element which has infinite-wrapper or data-infinite-wrapper attribute and use it as the scroll container, if this value is a string, the component will use it as a CSS selector, and search for the element to use as the scroll container via the querySelector API, if all failed, the component will use window as the scroll container.

identifier

• Type: any
• Default: +new Date()
• Details:

The component will be reset if this property has changed, just like recreating a new component, usually used when the list has filters or tabs.