Skip to content

Infinite Scroll 无限滚动 ​

滚动至底部时,加载更多数据。

ts
import { createApp } from 'vue'
import { InfiniteScroll } from '@szhn/dh-design-pc'

const app = createApp()
app.use(InfiniteScroll)

基础用法 ​

在要实现滚动加载的列表上添加 v-infinite-scroll,并赋值相应的加载方法,可实现滚动到底部时自动执行加载方法。

禁用加载 ​

指令 ​

属性说明类型默认值
v-infinite-scroll滚动到底部时,加载更多数据Function—
infinite-scroll-disabled是否禁用booleanfalse
infinite-scroll-delay节流时延,单位为 msnumber200
infinite-scroll-distance触发加载的距离阈值,单位为 pxnumber0
infinite-scroll-immediate是否立即执行加载方法,以防初始状态下内容无法撑满容器。booleantrue