使用mint-ui的 InfiniteScroll 作數據分頁請求

一、首先 npm install mint-ui

二、在main.js引用 

import { InfiniteScroll } from 'mint-ui';

Vue.use(InfiniteScroll);

三、.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：觸發負載方法的距離閾值