微信小程序图片加载失败时加载默认图片的处理方法

微信小程序图片加载失败时加载默认图片的处理方法

问题:

 微信小程序中img标签不支持onerror事件，但是我希望当img加载图片失败的时候有一个加载默认图片的效果。

解决：

可以使用@error

<view v-for="(v, i) in searchArr" :key="i">
    <view class="left">
        <img :src="v.img" alt="" @error="imageError($event, i, searchArr ,'img')" />
    </view>
</view>

imageError(e, index, arr, key = 'imgUrl') {
    arr[index][key] = 'https://app.guizhou.gov.cn/gzsrmzfrzh/material/logo/logo.png';
}