load-more-fy v1.0.6

瀑布流插件

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

作者：忧郁的小猫猫

一.安装

npm i load-more-fy -S

或者

yarn add load-more-fy 

二.vue项目入口文件调用

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

import  LoadMore from   'load-more-fy'

Vue.use(LoadMore)

三.组件中使用

找到产品组件的外层,如果一开始是这种一次性渲染的写法:

<Products :arr="goodsArr"node_modules>

现在可以改写为:

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

四.关键词备注

• zlarr代表你要渲染的总数据（Array类型）

• size代表你每次滚动要加载多少项(Number类型)

• smallarr代表每次返回出来的新数组

注意: 请只填写 <LoadMore></LoadMore> 组件上的 zlarr 和 size 属性的值即可。