前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue3 错误处理机制onErrorCaptured使用方法

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

作者头像
紫旭Blog - blog.zixutech.cn
发布2022-05-11 16:18:41
1.4K0
发布2022-05-11 16:18:41
举报
文章被收录于专栏:紫旭

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

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

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

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

代码语言:javascript
复制
import {onErrorCaptured} from 'vue'
onErrorCaptured((err) => {
      // 判断是错误还是异常
      if (err.toString().indexOf('SyntaxError') !== -1) {
        ElNotification({
          title: '程序出错',
          message: err.message,
          type: 'error',
        })
        return false
      }
    })

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

祝各位程序永无 BUG

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档