Vue3自适应瀑布流解决方案

效果如上图所示。

说明：Vue3、[vue-masonry插件](vue-masonry - npm (npmjs.com))

建议查看官方文档vue-masonry (https://www.npmjs.com/package/vue-masonry)

安装

npm install vue-masonry --save

main.js

import {VueMasonryPlugin} from 'vue-masonry';

app.use(VueMasonryPlugin)

HTML骨架

需要提醒的是：fit-width="true" 自动调整宽度，以避免出现左边或者右边出现多余空白

本页完整代码

好文推荐

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。