当Vue项目中遇到图片加载失败的问题，可以通过制作替补图片来提升用户体验。将备用图片命名为erroring.png，存放在src/assets/images/目录下。在组件data中定义errorImg属性，并在图片标签上使用onerror事件，当原图加载失败时，自动显示替补图片。
Vue中图片失效替补图片的制作方法
在我们工作中，有些图片失效，为了让页面不至于太难看。我们需要让他显示一张替补图片。
制作一张替补图片，如果会ps 你可以自己制作一张优雅的图片，但是尽量不要用彩色（你懂得~ . ~）
或者直接在网上找一张图片
将图片放到相应的位置
我们把图片命名为erroring.png放在src/assets/images/下
然后我们在有图片的地方。
首先在data中加入errorImg</
订阅专栏 解锁全文
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
