mint-ui 组件 Infinite scroll 滚动

mint-ui 组件 Infinite scroll 滚动

分享使用该组件的一些细节,官网提供的信息不太全面

首先是安装和引入

npm i mint-ui --save 安装

引入 main.js

import { InfiniteScroll } from 'mint-ui';
Vue.use(InfiniteScroll);

使用

<div class="container">
	...
    <ul
      v-infinite-scroll="getMore" class="soll"
      infinite-scroll-disabled="loading"  loading为true时，不会触发滚动
      infinite-scroll-distance="10" 
      infinite-scroll-immediate-check="false" 为true时，初始化会默认触发一次滚动
      infinite-scroll-listen-for-event="event" 初始化逻辑处理函数，可以忽略>
      <li v-for="item in list">{
  { item }}</li>
    </ul>
</div>

Infinite scro