1
条回答
写回答
写回答
-
我自己写的一个的Vue瀑布流插件，列数自适应，不用设置每个卡片的高度。
测试页面：Page.vue 模板页面：WaterFollow.vue 和 WFColumn.vue
在Page.vue中，修改itemW的值，设置每列的最小宽度。例如：itemW=”200”（意为200px）。list为数组。高度不用设置，:style=”{height:item+’px’}”是我为了创造卡片高度加上去的，不加就显示卡片的原来大小。
经测试，created加载数据正常，mounted加载、更新数据正常。
Page.vue
WFColumn.vue{{item}}-{{index}}//前端全栈学习交流圈：866109386 //面向1-3年前端人员 //帮助突破技术瓶颈，提升思维能力。WaterFollow.vue2019-12-16 14:41:54赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
