load-more-l v1.0.5

PC端滚动触底,加载更多(瀑布流)

每当我们一个页面加载到非常多的数组项时，想要实现“滚动触底，加载更多”的效果，可以使用这个插件。

作者：a-wei

一、安装

npm i load-more-l -S

或

yarn add load-more-l

二、引入

在vue项目的入口文件 main.js 中：

import LoadMore from 'load-more-l'

Vue.use(LoadMore)

三、使用

在产品列表组件上做修改，举例： 如原来的组件是这么使用的：

<List  :arr="goodsArr" />

现在改为：

 <LoadMore :bigarr="goodsArr" :size="8">
      <List slot-scope="scope" :arr="scope.smallarr" />
    </LoadMore>

四、关键词备注

• bigarr代表你要渲染的总数据（Array类型）
• size代表你每次滚动要加载多少项(Number类型)
• smallarr代表每次返回出来的新数组

请只填写 <LoadMore></LoadMore> 组件上的 bigarr和 smallarr属性的值即可。