Bootstrap

前端开发:Vue项目报错[Vue warn]:Property "visible" must be accessed with "$data.visible" because…问题解决方法

前几天在开发项目的时候遇到一个报错提示,然后具体报错提示如下所示:

这么长的错误提示,引起的原因就只有一个,那就是项目中使用的是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”,欢迎关注!

三掌柜的微信公众号:

三掌柜的新浪微博: