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 || "出现错误,请稍后再试"})

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

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

  1. Vue项目报错记录解决Property or method “item“ is not defined on the instance

    这里要实现显示一个Tabbar栏的效果,其中一行代码v-for="item in titles" 数据传输过去了,但没有展示, 报错信息 Property or method &q ...

  2. 前端开发:Vue项目报错Unknown custom element:XXX - did you register the component correctly…的解决方法丨蓄力计划

    导读 Vue项目报错Unknown custom element:XXX - did you register the component correctly-的解决方法. 问题 前段时间在做前端项目 ...

  3. Vue项目 报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string

    # Vue项目 报错TypeError [ERR INVALID ARG TYPE]: The "path" argument must be of type string 卡了半 ...

  4. Vue项目报错:This relative module was not found

    Vue项目报错:This relative module was not found 问题如下 解决办法 出现这种错误检查自己的路径问题 我已解决 "./ ":代表当前所在的目录. ...

  5. 解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法

    解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法 报错如下 问题分析 明显从图中可以以看 ...

  6. Vue工程报错解决方案Warn:import Vue from “vue“;

    Vue工程报错解决方案Warn:import Vue from "vue"; 参考文章: (1)Vue工程报错解决方案Warn:import Vue from "vue& ...

  7. 记一次升级node版本后,运行原vue项目报错问题解决方法

    记一次升级node版本后,运行原vue项目报错问题解决方法 参考文章: (1)记一次升级node版本后,运行原vue项目报错问题解决方法 (2)https://www.cnblogs.com/happ ...

  8. vue项目报错,解决Module build failed: Error: Cannot find module ‘node-sass‘ 问题

    vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题 参考文章: (1)vue项目报错,解决Module bu ...

  9. 启动vue项目报错:npm ERR! enoent ENOENT: no such file or directory, open‘E:xxxx\package.json‘

    问题描述:cmd / VSCode 启动vue项目报错:npm ERR! enoent ENOENT: no such file or directory, open'E:xxxx\package.j ...

最新文章

  1. 【每日一算法】平衡二叉树
  2. SQL优化—— 优化order by语句 || Filesort 的优化
  3. es 安装kopf_Elasticsearch-kopf导览
  4. [Leetcode][第35题][JAVA][搜索插入位置][二分法]
  5. 可消费消息数量_战疫情!CKafka助力腾讯课堂百万消息实现稳定互动
  6. vuejs路由插件:vue-router的工作原理
  7. 字符串 读取西门子_【必学技能】自己动手——基于C#实现手机APP远程访问西门子PLC...
  8. tensorrt之tensorrtx编译:遇到的错误提示
  9. iOS捷径(Workflow 2.0)拓展
  10. Autumn中文文档0:为什么使用Autumn
  11. 服务器UDIMM、LRDIMM、RDIMM三种内存的区别
  12. cnpm 淘宝镜像下载安装图文
  13. TensorFlow学习日记之tflearn
  14. 用Go实现UTXO,UTXO实现
  15. 1108 String复读机(JAVA)
  16. 孩子学python_【二孩家庭要注意什么】二孩家庭要怎么教育_二孩家庭的孩子最好间隔几岁 - 妈妈网百科...
  17. 雷达视频化安防软件——RadarVison
  18. 开启Direct3D调试模式
  19. 鼠标连点器同时点多个位置_一台电脑登录多个微信,简单,按住ENTER,鼠标快速点,扫描OK...
  20. 想学习数据分析,有哪些书籍或资料参考学习?

热门文章

  1. 洛谷 P3750 [六省联考2017]分手是祝愿
  2. 【转】LAMP网站架构方案分析【精辟】
  3. 2015年第六届蓝桥杯C/C++程序设计本科B组决赛
  4. nginx php访问日志配置,nginx php-fpm 输出php错误日志的配置方法
  5. javaweb和ajax使用查询出来的数据做下拉菜单_区块链浏览器实用指南篇:利用链上数据把握减半行情...
  6. echarts 词云_python Flask+爬虫制作股票查询、历史数据、股评词云网页
  7. signature=ec663bb1ca3cfa2e278da44aa044d1c6,Fair Exchange of Signatures with Multiple Signers
  8. 用sqlalchemy对mysql数据库增删改查demo
  9. 【 Grey Hack 】万金油脚本:常见端口获取shell
  10. Exynos4412 文件系统制作(二)—— 文件系统简介