el-uolaod 上传组件on-error 回调 拿到后端消息体

今天遇到测试提的bug报错,一个导入文件出错,后端有错误信息,前段为什么没有弹出,因为项目里所有报错都是架构里做的,所有请求都是用的axios,在请求拦截里做了错误消息提示。查找之后发现原因所在,用的el-uoload组件,他用action提交的,没有走请求拦截,所以要在uplaod的on-error回调里做一个错误信息提示,原因和解决思路都明确了,但是on-error这里拿到后端返回的消息却遇到了问题,这才是这篇博客要说的,费了一番功夫,圆满解决。

在这里插入图片描述
上图是打断点得到的on-error函数返回的err信息,处理过程,先同toString变成字符串后用replace方法去掉Error: 得到部分就是json信息了,之后用JSON.parse()转换一下,就能得到前段的对象了,下面是代码

        error (err) {
          let error = err.toString()
          error = JSON.parse(error.replace('Error: ', ''))
          //状态控制
          this.form.loading = false
      	//消息弹出组件
          Notification({
            title: '导入失败',
            message: error.errors[0].message
          })
        },
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值