load-more-bb v1.0.3

瀑布流插件

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

作者:鱼七吖

一、安装

npm i load-more-bb -s

或

yarn add load-more-bb

二、Vue 项目入口文件调用

在 Vue 项目的入口文件main.js写入以下代码:

import LoadMore from "load-more-bb";

Vue.use(LoadMore);

三、组件中的使用

找到产品列表组件的外层,原本如果是这种一次性渲染的写法:

<Products :arr="goodsArr" />

现在改为：

<LoadMore :bigarr="goodsArr" :size="4">
  <Products slot-scope="scope" :arr="scope.samllarr" />
</LoadMore>

四、关键词备注

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

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