[配置]vue无限滚动vue-infinite-scroll的配置

安装:

npm i vue-infinite-scroll -D

引用:

main.js中通过如下方式注册全局引用

import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll)

页面中使用:

vue-infinite-scroll示例

说明:

首先:

v-infinite-scroll="loadMore" 中的loadMore事件绑定处理函数,在达到条件(滚动到一定像素)时触发此函数。

infinite-scroll-disabled="switchForMore" 中的switchForMore===true阻止触发loadMore,反之不阻止;

选项 描述
infinite-scroll-disabled 如果该属性的值为true,则将禁用无限滚动。
infini

你可能感兴趣的:(vue,infiniteScroll)