fix avatar

 <template>
-  <img v-lazy="currentSrc" :alt="alt" v-if="currentLazy">
-  <img :src="currentSrc" :alt="alt" v-else lazy="" data-src="">
+  <img v-lazy="currentSrc" :alt="alt" v-if="currentLazy" @error="onError">
+  <img :src="currentSrc" :alt="alt" v-else lazy="" data-src="" @error="onError">
 </template>
 
 <script>
@@ -61,6 +61,11 @@ export default {
         .replace('{width}', this.width)
         .replace('{height}', this.height);
     }
+  },
+  methods: {
+    onError() {
+      this.$emit('error');
+    }
   }
 };
 </script>

 <template>
-  <ImageFormat :lazy="lazy" class="img-avatar" :src="imageSrc" :width="width" :height="height"></ImageFormat>
+  <ImageFormat :lazy="lazy" class="img-avatar" :src="imageSrc" :width="width" :height="height" @error="errorHandle"></ImageFormat>
 </template>
 
 <script>
@@ -23,9 +23,20 @@ export default {
       default: false
     }
   },
+  data() {
+    return {
+      imgSrc: this.src,
+      defaultSrc: '//img11.static.yhbimg.com/yhb-img01/2016/07/05/13/017ec560b82c132ab2fdb22f7cf6f42b83.png?imageView/2/w/{width}/h/{height}'
+    };
+  },
   computed: {
     imageSrc() {
-      return this.src || '//img11.static.yhbimg.com/yhb-img01/2016/07/05/13/017ec560b82c132ab2fdb22f7cf6f42b83.png?imageView/2/w/{width}/h/{height}';
+      return this.imgSrc || this.defaultSrc;
+    }
+  },
+  methods: {
+    errorHandle() {
+      this.imgSrc = this.defaultSrc;
     }
   }
 };