前几天在开发项目的时候遇到一个报错提示,然后具体报错提示如下所示:
这么长的错误提示,引起的原因就只有一个,那就是项目中使用的是Element UI消息提示message请求响应拦截器中err处理的报错,具体原因就是message的error方法接收类型是一个string或者是VNode,但是data传的是一个数组,由于数据类型不一致造成的报错。
项目错误的写法如下:
this.$message.error(err || '下载失败,请稍后再试!'); //错误写法,由于message.error()接收类型是string或者是VNode,而现有类型data是数组,所以报错。
解决方法有两种,任选一种即可,具体操作如下所示:
//正确方法一:
this.$message.error({
type: "error",
message: err || '下载失败,请稍后再试!',
});
//正确方法二:
this.$message.error({
message: err || '下载失败,请稍后再试!'
});
上述错误其实很容易定位,而且遇到同类型的错误提示,差不多都是由传的参数和方法接收的参数类型不匹配造成的,所以在遇到同类型的错误提示可以精准定位,方便快速解决。
以上就是本章全部内容,欢迎关注三掌柜的微信公众号“程序猿by三掌柜”,三掌柜的新浪微博“三掌柜666”,欢迎关注!
三掌柜的微信公众号:
三掌柜的新浪微博: