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

Qlittleboy2025-12-06 15:28

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

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

javascript 复制代码

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

这个情况，整了我一下午，没整出来。

后来试试用前端拼接这个地址，也就是下面的这种
host变量是在uniAPP里定义好的字符串 http://www.mantools.top

formData.img是后台获取的图片地址 345.png

这时候，这个图片加载错误了，就会触发@error事件

javascript 复制代码

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