前端VUE使用require请求图片资源,如找不到图片html页面直接报错,代码不会继续执行。使用默认图片,解决方法,完美处理
前端VUE使用require请求图片资源,如找不到图片html页面直接报错,代码不会继续执行。使用默认图片,解决方法,完美处理
·
前端VUE使用require请求图片资源,如找不到图片html页面直接报错,代码不会继续执行。使用默认图片,解决方法,完美处理
<img class="center-img" :src="getImg()" alt="" />
1 、getImg()为获取图片地址的方法,在标签中直接引用
2、methods里面定义方法getImg()
getImg() {
// return require("@/views/img/xxx.png");
try {
return require("@/views/img/idimg/" + this.id + ".png");
//图片地址
} catch (e) {
return require("@/views/img/xxx/xx01.png");
//图片找不到时,使用默认图片
}
},
更多推荐
已为社区贡献1条内容
所有评论(0)