DEV Community

CHENG QIAN
CHENG QIAN

Posted on

uniAPP开发 image 标签的@error事件不被触发调用怎么办

一开始这种写法是不触发的,就是:src地址是后台拼接好的一整个地址,比如

:src="formData.img"

http://www.mantools.top/123.png 如果这个图片不存在,就不会触发@error

<image :src="formData.img"   mode="aspectFill"  v-show="!mem_img_error" @error="errAvatar"
         class="preview-image" ></image>

Enter fullscreen mode Exit fullscreen mode

这个情况,整了我一下午,没整出来。
后来试试用前端拼接这个地址,也就是下面的这种
host变量是在uniAPP里定义好的字符串 http://www.mantools.top
formData.img是后台获取的图片地址 345.png
这时候,这个图片加载错误了,就会触发@error事件

用前端拼接这个地址 :src="host+formData.img"

<image :src="host+formData.img"   mode="aspectFill"  v-show="!mem_img_error" @error="errAvatar"
         class="preview-image" ></image>

Enter fullscreen mode Exit fullscreen mode

Top comments (0)