使用mint-ui的 InfiniteScroll 做数据分页请求

1、首先 npm install mint-ui

2、在main.js引用 

import { InfiniteScroll } from 'mint-ui';

Vue.use(InfiniteScroll);

3、.vue文件中 使用

<template>
　　<ul v-infinite-scroll="loadMore"
            infinite-scroll-disabled="loading"
            infinite-scroll-distance="10"
            class="listUl">
　　</ul>
</template>

 

methods: {
    loadMore() {
        
    }
}

 

infinite-scroll-disabled：如果为 true, 则不会触发无限滚动

infinite-scroll-distance：触发负载方法的距离阈值