新增头像加载错误后展示默认图片

src/components/contactBlock.vue

@@ -1,6 +1,6 @@
 <template>
   <div @click="handleClick(userData)" class="contact-container clearfix">
-    <img class="user-profile" :src="userData.userImg||require('../../static/contact/myavt.png')">
+    <img class="user-profile" @error="userData.userImg=require('../../static/contact/myavt.png')" :src="userData.userImg||require('../../static/contact/myavt.png')">
     <p class="user-name">{{userData.username}}<span class="user-realname">{{userData.userRealname}}</span></p>
     <p class="phone">{{userData.phone}}</p>
   </div>