当加载图片时,可能会遇到404,找不到图片,这时候需要显示一张默认图片
代码:
<div v-for="image in img">
<img
:src="image"
:onerror="defaultImg" >
</div>
js:
data() {
return {
//img里的都是错误的图片地址
img:[
'https://taoictest.oss-cn-hangzhou.aliyuncs.com//package/image/4d51b2fb',
'https://taoictest.oss-cn-hangzhou.aliyuncs.com//package/image/4d51b2fb',
'https://taoictest.oss-cn-hangzhou.aliyuncs.com//package/image/4d51b2fb',
],
defaultImg: 'this.src = "' + require('../assets/logo.png') + '"'
}
},