场景:图片地址找不到时,会展示如图一;虽然没什么大影响,但是有点丑,需求是想在图片损坏时展示替补图片,如图二。
代码实现:给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 = '你的替补图片地址'}">
我的整体代码如下: