控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String

这篇具有很好参考价值的文章主要介绍了控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Invalid prop: type check failed for prop "modelValue". Expected Number with value 0, got String with value "0". 

控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String

检查项目时发现了控制台报这个警告

用有道翻译过来是:无效的道具:道具“modelValue”的类型检查失败。期望值为0的数字,得到值为“0”的字符串。

一开始我还看不懂它这个意思,可能遇到过或者做了一段时间的开发者都知道这是什么意思,但是我作为初入行的小菜鸟,这个警告我一点也看不懂,还是问了大佬才知道这是什么意思,简单来说,就是:希望得到的是数字,但是你传过来的是字符串。

我第一时间想到的是:是不是我往里面添加数据时,不应该自己在外面定义一个数组?结果我搞了半天发现,根本不是数组的问题,而是数组里面的数据结构问题!

后端给我的数据结构是:[
  {
    "questionTitle": "单选题",
    "examSubjectCode": "5e6234a8-6bf0-43cd-8256-b81ce18d06fc",
    "questionCount": 20,
    "score": 3
  },
  {
    "questionTitle": "判断题",
    "examSubjectCode": "5e6234a8-6bf0-43cd-8256-b81ce18d06fc",
    "questionCount": 30,
    "score": 2
  },
  {
    "questionTitle": "多选题",
    "examSubjectCode": "5e6234a8-6bf0-43cd-8256-b81ce18d06fc",
    "questionCount": 20,
    "score": 4
  }
]

而我自己定义的数据结构是这样的:控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String

 把圈出来的改成数字就行啦控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String

 好了,成功解决了那一串黄色的警告文章来源地址https://www.toymoban.com/news/detail-454439.html

到了这里,关于控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Invalid prop: custom validator check failed for prop “pagination“.

    vue 项目使用 antd vue 的表格组件,控制台报错 Invalid prop: custom validator check failed for prop \\\"pagination\\\". pagination 其实就是分页属性设置, 其实出现   Invalid prop: custom validator check failed for prop “XXXX”.   就是说的这个分页属性拿到的值类型不兼容 。比如说它 需要的是 number 类型的参

    2024年02月14日
    浏览(38)
  • 使用Element-plus库时,控制台出现警告:$weight: Passing a number without unit % (0) is deprecated.

    虽然不影响项目的正常运行,但是看着挺不爽的...  在网上找了很多资料,终于在这个回答:Developers Community by KeenThemes | | sass warning, can\\\'t find the cause of the problem 找到了有效的方法,修改sass和sass-loader的版本:

    2024年02月11日
    浏览(57)
  • 控制台反复输出WebSocket connection to ‘ws://10.133.212.203:8080/ws‘ failed:

    控制台反复输出WebSocketClient.js?5586:16 WebSocket connection to ‘ws://10.22.219.126:8080/ws’ failed: 今天打开vue项目,项目运行没问题,但是一直反复输出这个报错,很难受,如下: 找到的一个有效的解决方法: 在vue.config.js中配置如下代码:

    2024年02月10日
    浏览(53)
  • 控制台报错:GET http://localhost:8080/students net::ERR_FAILED 200

    node请求接口的时候意外遇到控制台出现这个问题: Access to XMLHttpRequest at ‘http://localhost:8080/students’ from origin ‘http://localhost:8081’ has been blocked by CORS policy:## 标题 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. GET http://localhost:8080/students net::ERR_FAILED 200 node请求

    2024年02月11日
    浏览(49)
  • 解决pycharm控制台ImportError: DLL load failed while importing _ssl: 找不到指定的模块。

    配置环境变量的问题,见这篇文章; 和我一样,下面介绍; 其他情况我还没有遇到过,欢迎大家分享。 首先介绍一下自己的情况: 重新安装了pycharm,在正常环境(即:选择先前配置的解释器,我用的是anacodna3如下图)中控制台是可以使用的。 如果在正常环境中控制台无法

    2024年02月01日
    浏览(117)
  • 当vue项目运行时,控制台出现“WebSocketClient.js:13 WebSocket connection to ‘ws://10.10.244.95:8080/ws‘ failed: E”

    当vue项目运行时,在控制台出现这些代码: 不要慌,小场面 是开发环境与生产环境的区别导致出现的问题  如果没使用过webscoket,禁用之后就可以了,就不会出现这个问题了。 devServer: {         webSocketServer:false,         //  其他配置 } 或者输入这些代码解决(代码网上

    2024年02月03日
    浏览(48)
  • 浏览器控制台调试代码和JavaScript控制台方法介绍

    浏览器控制台调试代码 浏览器控制台(Console)是浏览器提供的一个开发工具,用于在浏览器中执行和调试 JavaScript 代码。它提供了一个交互式环境,可以输入 JavaScript 代码,并立即看到代码执行结果或输出信息。 在大部浏览器中,可以通过按下 F12 键或右键点击网页并选择

    2024年02月03日
    浏览(94)
  • docker rabbitmq控制台访问失败,rabbitmq控制台访问不了

    1. docker-compose配置内容: 2. 映射文件夹一定要赋予权限 不然程序启动无法写入数据:     3. log日志: 4. 日志看着已经启动了, 其实还没有。手动进入容器,启动管理插件 5. 命令:  6. 再次访问:      虚拟机:虚拟机ip:15672     本地则是:127.0.0.1:15672

    2024年01月18日
    浏览(61)
  • idea 控制台 打印 Tomcat日志Tomcat Catalina Log控制台乱码问题

    修改tomcat的日志配置文件 conf一logging.properties 修改【1catalina.org.apache.juli.AsyncFileHandler.encoding】的值为gbk

    2024年02月14日
    浏览(71)
  • 网页控制台控制视频倍速

            小伙伴们是否在某些网站看课程视频或刷网课视频,默认没有倍速观看,看得很慢,那今天我们就来看看通过网页控制台来操控视频倍数吧!   1、首先打开浏览器上的视频,按F12进入开发者工具                  2、切换到控制台(console)          

    2024年02月11日
    浏览(59)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包