vue开发使用上拉加载更多之vue-infinite-scroll
官网链接:https://github.com/ElemeFE/vue-infinite-scroll
下载依赖
cnpm i vue-infinite-scroll --save
在min.js中引入相对应的组件
import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll)
使用
- vue页面使用
<template>
<div>
<ul v-infinite-scroll="findShopListByEs" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
<li v-for="(item, index) in ShopListByEs" :key="index">
{
{
item.name }}
</div>
</li>
</ul