自定义检测图片加载失败指令

Vue.directive('onerror', {
  // 监听图片加载，加载失败替换图
  inserted: function (el) {
    el.setAttribute('onerror', `this.src="${require('./assets/images/0.png') }"`)
  }
})

说明：

1、onerror是指令标识，使用时在标签中直接加入 v-onerror 就可以

2、./assets/images/0.png 是图片存放地址

3、指令如果很多的情况，建议单独一个js文件进行编写，比如本人有想做一个npm，就是有各种常用而Vue没有的指令，就是放在统一js进行管理的