Vue3 错误处理机制onErrorCaptured使用方法

516次阅读
没有评论

共计 437 个字符,预计需要花费 2 分钟才能阅读完成。

大家好,我在做 JSON 转 XML 时出现,如果字符串格式是 XML,但是却强制进行 JSON -> XML 操作,控制台会报错 Syntex Error,这个错误是人为导致的,并不是代码有问题,因此我需要捕获这个错误并处理。

尝试过使用 try catch 来捕获,发现根本没用。

经过查阅文档,发现可以使用生命周期钩子 onErrorCaptured 来处理

下面是我的代码,各位在使用时可以借鉴。

onErrorCaptured((err) => {
      // 判断是错误还是异常
      if (err.toString().indexOf('SyntaxError') !== -1) {
        ElNotification({
          title: '程序出错',
          message: err.message,
          type: 'error',
        })
        return false
      }
    })

 

err 是返回的错误对象,你要查找特定的错误就得把他转字符串,你可以在控制台看到完整的错误信息(红色的),err.message 只包含内容,不包含开头的错误或警告类型。

祝各位程序永无 BUG

正文完
 
紫旭
版权声明:本站原创文章,由 紫旭 2022-05-09发表,共计437字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)