Vue项目中 vue-waterfall-easy 瀑布流框架使用

1、Installation（安装）

进入到项目当前文件夹，执行命令：

npm install vue-waterfall-easy --save

2、引入vue-waterfall-easy

2.1、main.js中引入

import vueWaterfallEasy from 'vue-waterfall-easy'

2.2、当前vue文件包含组件

export default {
  name: 'app',
  components: {
    vueWaterfallEasy
  }
    //省略其他代码
}

 3、HTML中引入组件

<div id="content">
    <vue-waterfall-easy :imgsArr="imgsArr" @scrollReachBottom="getData"></vue-waterfall-easy>
</div>

3.1、页面布局显示（*重点，有可能页面不可见）

#content块必须设置为

 #content{
  position: absolute;