load-more-lei v1.0.7

瀑布流插件

后端如果一次性返回成千上万条数据，那么可以在产品组件的外套层用这个LoadMore插件。

作者：javaleiuue

一、安装

npm i load-more-lei -S

或

yarn add load-more-lei

二、vue项目入口文件调用

在vue项目的入口文件mian.js写入以下代码：

import LoadMore from 'load-more-lei'

Vue.use(LoadMore)

三、组件中使用

找到产品列表的外层，原来如果是这种一次性渲染的写法：

<Products :arr="goodsArr" />

现在可以改写为：

<LoadMore :bigArr="goodsArr" :pagesize="8">
    <Products slot-scope="scope" :arr="scope.smallarr" />
</LoadMore>

四、关键词备注

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

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