Vue图片加载404解决

2019-04-15 13:02发布

data/attach/1904/lin5fxvmsungnomqiqh7ler3427vmqm4.jpgdata/attach/1904/g9pco3nv6sb230ybloij6q4harrumhdp.jpg 比如后台返回的一个图片字段pic,我们通常在代码里,会做一个检验图片,通常会像下面这样写这个判断只能判断pic是否存在,只有pic=''的情况下,才回显示设置的默认图片,但是如果pic这个字段是有值的呢,并且是一个错误的值,或者一个找不到的404的图片呢?这个时候就要用下面这种方法检测图片的onerror刚开始试了两种方法,都没有成功,失败方法一:传送门:http://blog.csdn.net/qq_32786873/article/details/53483951失败方法二:传送门:http://www.zhihu.com/question/27426689不墨迹直接上方法,(在data里面吗先定义好失败的图片路径)注意的几个点,我第一次写的就入坑了1. onerror前面要用冒号 :2. 注意看logo定义的格式,符号不要写错了,很坑啊 data() { return { logo: 'this.src="' + require('../../assets/img/videonull.png') + '"' , } },