Vue项目，当接口图片无法显示，使用本地默认图片

方法一：使用require方法

亲测没有效果（方法暂时保留）

<img v-bind:src="userData.photo" :οnerrοr="logo" class="img-box4">

data: () => ({
    logo: 'this.src="' + require('../assets/img.png') + '"'
})

参考链接：https://blog.youkuaiyun.com/qq_32786873/article/details/70161342

方法二：使用onerror事件（亲测有效）

简单有效：https://zhuanlan.zhihu.com/p/486116177（推荐使用）

<img :src="item.headPhotoUrl" alt="" :onerror="defaultAvatar" />

在data中配置：
defaultAvatar: "this.src = '" + require('../../assets/defaultImage@2x.png') + "'"

参考链接：https://blog.youkuaiyun.com/qq_39882537/article/details/90318296

<img v-bind:src="userData.photo" :οnerrοr="defImg()" class="img-box4">

// data中定义变量：
defaultImg: require("./img/defPic.png")

// methods定义方法：
 defImg(){
	 let img = event.srcElement;
	 img.src = this.defaultImg;
	 img.onerror = null; //防止闪图
 }