【Github】项目名：vue – waterfall – easy：vue瀑布流组件(vue – waterfall – easy2.x)
项目简介
这是一个vue组件，包含瀑布流布局和无限滚动加载功能。与其他实现相比，它不需要在返回数据中指定图像的宽度和高度，图像会预加载然后布局，布局具有响应性，可适配移动端，使用简单。
项目使用
- 安装：可通过
npminstall vue - waterfall - easy--save安装。支持es6 import、scripts导入等多种方式。 - 基本示例：在中使用
<vue - waterfall - easy:imgsArr="imgsArr" @scrollReachBottom="getData"></vue - waterfall - easy>，其中imgsArr是渲染瀑布流所需的数据数组，getData方法用于获取新数据。 - 支持多种属性（props）：如
width用于设置容器宽度，height用于设置容器高度，imgsArr是必须的用于渲染的数据数组等。 - 包含多种事件（event）：如
scrollReachBottom当滚动条滚动到底部时触发获取新图像数据的请求，click当卡片被点击时触发等。 - 还支持多种方法（methods）和插槽（slot），如
waterfallOver方法用于在滚动加载数据结束时手动移除滚动事件，插槽可用于自定义图片描述元素、加载元素、瀑布流容器头部等。 - 在移动端使用时，不要忘记在
index.的<head>中添加<metaname="viewport"content="width=device - width,initial - scale=1,maximum - scale=1,user - scalable=no">。
项目总结
vue – waterfall – easy是一个功能丰富的vue瀑布流组件，它在实现瀑布流布局和无限滚动加载方面有着自己的特点和优势，希望大家能尝试使用这个组件，如果有任何问题或者建议欢迎在下方留言讨论。