vue页面一行显示四张图片图片可以放大和删除

vue页面一行显示四张图片图片可以放大和删除,第1张

使用vue框架,可以使用vue的懒加载技术,在一行显示四张,同时可以放大查看,也可以删除。实现此功能,可以使用vue的v-for循环指令来渲染,在渲染的时候需要把放入一个数组中,然后使用v-for循环把渲染出来,同时可以使用点击事件来实现放大和删除功能。

页面里有ajax请求数据,然后渲染的时候,dom会有展开的一瞬,产品觉得无法接受,so

想到了image的onload事件,当加载完成之后再显示页面

在加载完成之后再显示页面,就不会有展开的感觉,完美解决~

以上就是关于vue页面一行显示四张图片图片可以放大和删除全部的内容,包括:vue页面一行显示四张图片图片可以放大和删除、vue 图片加载完成事件、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9703410.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存