Skip to content

InfiniteScrollView-DEMO


vue
<fv-InfiniteScrollView v-model="value">
</fv-InfiniteScrollView>

Propoties


属性(attr)类型(type)必填(required)默认值(default)说明(statement)
valueArrayNo[]要装载的数组
batchSizeNumberNo30动态加载的每一批次大小
offsetNumberNo100滚动加载偏移量
staticBooleanNofalse是否取消动态加载
themeStringNosystem主题样式, 包含light, dark, system, custom几种样式

Events


事件名(Name)参数类型(args)说明(statement)
lazyloadboolean动态加载时触发此事件, 返回当前加载批次数据是否为空
init-startN/A初始化加载开始
init-endN/A初始化加载结束

Slot


  1. Default

默认模板, 可将InfiniteScrollView当作Div来使用

vue
<slot :thisValue="thisValue" :dynamicValue="dynamicValue">
    <p v-for="(item, index) in dynamicValue" :key="index">{{item}}</p>
</slot>
  • thisValue: 传入数组
  • dynamicValue: 已动态加载的数组
<template v-slot:default="x">
    <p v-for="(item, index) in x.dynamicValue" :key="index">{{item}}</p>
</template>

MIT Licensed