vue项目创建自定义指令处理img地址失效问题

在项目中遇见到一个这样的问题，图片来源私有云，后端可以返回了图片的src，但是src已经失效，所以图片不能显示，这个时候可以通过自定义指令解决，传入一个默认的图片来解决图片失效问题

自定义指令:

export const imgerror = {
   
  //inserted函数会在dom插入节点之后触发
  //dom表示使用自定义指令的元素
  //options是一个对象，value属性可以获取到自定义指令的绑定值
  //比如v-imgerror="num"，value属性就表示num变量对应的值
  inserted(dom, options) {
   
    // 当图片有地址 但是地址没有加载成功的时候