load-more-dida v1.0.2

瀑布流插件

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

作者: 嘀嘀嗒嘀嗒

一、安装

npm i load-more-dida - s

或者

yarn add load-more-dida

二、引入

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

import LoadMore from 'load-more-dida'

Vue.use(LoadMore)

三、使用

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

<Products :arr="goodsArr" />

​ 但现在要改为

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

四、关键词解释

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

GG