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

共计 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