工作169:vue项目报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties

vue项目中报错:

[Vue warn]: Property "visible" must be accessed with "$data.visible" because properties starting with "$" or "_" are not proxied in the Vue instance to prevent conflicts with Vue internalsSee: https://vuejs.org/v2/api/#data

如下:

报错原因:

项目中使用的是Element UI消息提示Message:import { Message } from 'element-ui';

请求响应拦截器中err处理的代码错误:

Message.error(response.data.data|| "出现错误,请稍后再试");//写法错误,

因为Message.error()或Message()接收类型string/VNode,而现在response.data.data是个数组,所以报错。

 

解决方法:

改成如下两种写法都可以了

Message.error({message: response.data.data || "出现错误,请稍后再试"})或Message({type:'error',message: response.data.data || "出现错误,请稍后再试"})

总结:这种错误一般都是因为传的参数跟方法接受参数类型不符引起的。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415272.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python 开篇及第一个Python程序

本节内容 python 简单介绍python 2.x 或者python 3.xpython 安装第一个python程序一、python简单介绍 python的创始人为吉多.范罗苏姆(Guido van Rossum)。1989年的圣诞节期间,吉多.范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本解释程序&…

工作171:阅读账号里面的新增调用接口操作

第一步 点击新增操作 第二步 找到当前组件下面的 add的方法 第三步 找到子组件下面的混入方法

docker查看容器并运行

1、查看所有容器 docker ps -a结果 2、运行容器 docker start 56b90db5253e

eslint airbnb 不允许尾随逗号

我使用的是airbnb规则进行代码eslint。 会出现保存后,数组或者对象最后一个元素尾随逗号。 此时需要在.eslintrc.js中加入下面代码即可 "comma-dangle": ["error", {"arrays": "never","objects": "never…

mac通过homebrew安装opensdk11

1、安装cask brew tap homebrew/cask-versions 2、安装adoptopenjdk/openjdk brew tap adoptopenjdk/openjdk 3、查看一下java、jdk版本 brew search java brew search jdk 4、安装adoptopenjdk11 brew cask info adoptopenjdk11 brew cask install adoptopenjdk11…

缺失值侦测与处理

缺失值的侦测的方法: 1、mice包中的md.pattern()函数可以生成一个以矩阵或数据框形式展示缺失值模式的表格 这个矩阵呢,表示像第一行缺失0个的模式有13行,像第二行缺失1个的模式有1行,如此类推 所以呢,一共就有0*131*1…

高德地图 amap 设置鼠标样式

我的需求,要在高德地图里面做一个地图选点的功能。这个功能很简单,但是高德地图的默认鼠标样式是一只小手,不适合做选点用。 高德地图中有4中样式如下图 对应名称如下: pointer,default,move&#xff0c…

Android 自定义软键盘实现

module链接&#xff1a;https://download.csdn.net/download/meixi_android/10652565 compile project(:edlibrary) , :edlibrary <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/…

前端学习(2657):vue3实现计算器

第一步 引入ref 第二步 第三步

微信小程序map作为子组件wx.createMapContext失效

我是将map封装成了子组件进行使用&#xff0c;发现wx.createMapContext无论如何都没有效果。最后&#xff0c;定睛一看&#xff0c;原来将map放到子组件中&#xff0c;再使用wx.createMapContext需要增加额外的参数this 具体使用方法如下&#xff1a; const mapCtx wx.create…