1.0.2 • Published 3 years ago
load-more-llh v1.0.2
瀑布流
每当我们一个页面加载到非常多的数组项时,想要实现“滚动触底,加载更多”的效果,可以使用这个插件。
作者:Liumou-i
一.安装
npm i load-more-llh -S
或
yarn add load-more-llh
二.引入
import LoadMore from 'load-more-llh'
Vue.use(LoadMore)
三.使用
在产品列表组件上做修改,举例: 如原来的组件是一次性渲染写法:
<Products :arr="goodsArr" />
现在修改为:
<LoadMore :bigarr="goodsArr" :size="8" >
<Proudck slot-scope="scope" :arr="scope.samllarr"/>
</LoadMore>
四.备注关键词
- `bigarr` 代表你要渲染的总数据(Array类型)
- `size` 代表你每次滚动要加载多少项(Number类型)
- `samllarr` 代表每次返回出来的新数组
只需要修改 <LoadMore><LoadMore>组件里面的属性值即可.