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

时间 2019-12-13

标签使用 mint infinitescroll 数据分页请求繁體版

原文原文链接

一、首先 npm install mint-uivue

二、在main.js引用 npm

import { InfiniteScroll } from 'mint-ui';

Vue.use(InfiniteScroll);

三、.vue文件中使用ui

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

methods: {
    loadMore() {
        
    }
}

infinite-scroll-disabled：若是为 true, 则不会触发无限滚动spa

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