vue自定义指令实现img默认图片

img 的onerror方法与vue 指令可以实现

// 注册一个全局自定义指令 `v-pic`
Vue.directive('pic', {
  bind: function (el) {
  //在图片加载失败的时候执行onerror方法 给src赋值
    el.onerror = function(){
      el.src = '默认图片';
    }
  }
})