ligoudan v1.0.3

瀑布流插件

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

作者:ligoudan

一 安装

npm i ligoudan -S

或

yarn add ligoudan

二 vue项目入口文件调用

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

import LiGouDan from "ligoudan"

Vue.use(LiGouDan)

三 组件中使用

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

 <Products :arr="goodsArr" />

现在可以改写为：

<LiGouDan :lcarr="goodsArr" :size="8">
    <Products slot-scope="scope" :arr="scope.gxyarr" />
</LiGouDan>

四、参数注释

• lcarr 代表原数组（大数组）
• gxyarr 代表处理过后分发出来的数组（小数组）
• size 代表每次滚动时显示多少项

重点：调用者只需要对 lcarr 和 size 属性传入对应参数即可。