场景:图片地址找不到时,会展示如图一;虽然没什么大影响,但是有点丑,需求是想在图片损坏时展示替补图片,如图二。
代码实现:给img标签加@error事件
<img :src="item.imageUrl" :alt="item.imageName" @error="e => {e.target.src = '你的替补图片地址'}">
我的整体代码如下:
场景:图片地址找不到时,会展示如图一;虽然没什么大影响,但是有点丑,需求是想在图片损坏时展示替补图片,如图二。
代码实现:给img标签加@error事件
<img :src="item.imageUrl" :alt="item.imageName" @error="e => {e.target.src = '你的替补图片地址'}">
我的整体代码如下:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/753399.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!