load-more-method v1.0.1

瀑布流插件

​ 当后端给前端响应回来的数据十分庞大(成百上千条)时，我们需要以内容分发的形式，分量加载资源，此时就可以使用该瀑布流插件来实现。

作者: dont-be-rubbish

一、下载安装

npm i load-more-method -S

或者

yarn add load-more-method -S

二、vue项目中入口文件调用

在你项目的 main.js 文件中引入

import LoadMore from 'load-more-method'

Vue.use(LoadMore)

三、组件中使用

找到你需要进行瀑布流实现的产品组件，如果是这样一次性的渲染方式 :

 <Products  :arr="prodArr"/>

你只需要使用该组件 在外层包裹 :

<LoadMore :bigArr="prodArr" :size="8">
  <Products slot-scope="scope" :arr="scope.smallArr"/>
</LoadMore>

四、参数解释

• bigArr 代表请求回来的大数组

• smallArr 代表处理后的需要分发的数组

• size 代表每次要获取的内容条数 需要调用的时候传

  注意: 使用时，只需要传入数组 prodArr 和每次需要渲染的数据条数 size 即可。