解决Vue报错:Invalid prop: type check failed for prop "id". Expected Number with value 14, got String with value "14".

摘要:
今天上午,我的Vue重构项目,有了这个错误;百度翻译的结果是:开始报这个错,我以为是我子组件接收的时候,类型和父组件对应不上导致的。可是我查看发现,类型是一致的,都是Number;那么我就排除了这个原因,我继续搬砖,找;这里我是从父组件传递了一个值给子组件,在子组件接收的时候出现了类似的错误,代码是这样的:后面,我修改了:终于,解决了这个问题!

今天上午,我的Vue重构项目,有了这个错误;(虽然,页面效果是没有任何问题的)

解决Vue报错:Invalid prop: type check failed for prop "id". Expected Number with value 14, got String with value "14".第1张

百度翻译的结果是:

解决Vue报错:Invalid prop: type check failed for prop "id". Expected Number with value 14, got String with value "14".第2张

开始报这个错,我以为是我子组件接收的时候,类型和父组件对应不上导致的。可是我查看发现,类型是一致的,都是Number;那么我就排除了这个原因,

我继续搬砖,找;

这里我是从父组件传递了一个值给子组件,在子组件接收的时候出现了类似的错误,代码是这样的:

解决Vue报错:Invalid prop: type check failed for prop "id". Expected Number with value 14, got String with value "14".第3张

后面,我修改了:

解决Vue报错:Invalid prop: type check failed for prop "id". Expected Number with value 14, got String with value "14".第4张

终于,解决了这个问题!

免责声明:文章转载自《解决Vue报错:Invalid prop: type check failed for prop "id". Expected Number with value 14, got String with value "14".》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C# 对象与JSON串互相转换深度学习——0 神经网络初探下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

(转)在CentOS中修改中文字符集

本文介绍在linux的shell环境下优化linux中文显示的方法。在CentOS7以前的版本下,默认的字符集的路径一般保存在/etc/sysconfig/i18n文件中。但是在CentOS7版本中,字符集配置文件位于/etc/locale.conf。通过source命令即可使修改生效:[ruby]viewplaincopy#source/etc/local...

boost的下载和安装(windows版)

1 Introduction boost是一个准C++标准库,相当于STL的延续和扩展。它的设计理念类似于STL,它使用泛型来最大化重用。对于2boost的下载和安装,我们可以在官方boost网站上下载最新的boost版本。因为boost库可以像标准库一样在多个平台上运行,所以它只以源代码的形式正式提供。这是因为boost windows的安装版本不仅与处理...

NodeJs使用jwt生成token以及使用express-jwt校验和解密token

=0){//当数据库有当前用户时,它返回tokenlettoken=jwt.sign;res.send}else{res.send}}catch{//p抛出异常并将其发送到错误中间件以处理console.log;next;}})//注册接口路由器。post('/register',异步(req,res,next)=˃{let{用户名,密码,昵称}=req-b...

SQL SERVER 查看数据库执行过哪些语句(SQL历史语句记录)

SQLSERVER查看数据库已执行的语句(SQL历史语句记录)1.查看SQL执行效率和语句SelectTOP1000ST。textAS“SQL语句已执行”,QS。execution_CountAS'执行次数',QS。total_ elapsed_timeAS“耗时”,QS。total_logical_ReadsAS“逻辑读取次数”,QS。total_logi...

一起学习Avalonia(十二)

可以使用数据模板自定义和显示数据模板模板。文档中介绍了Avalonia的基本数据模板。PublicstringFirstName{get;set;}publicstringLastName{get;set;}扩展使用文档最后介绍了扩展使用,包括2个模型。Student和Teacher。在MainWindowViewModel中创建属性Content。此属性是...

mongodb 占用内存及解决方法

解决方案是限制Swap的使用:[root@mongodb~]#Sysctl wvm。swap=0查看内存最常用的命令是空闲的:[root@mongodb~]#Free totalused freesharedbuff/cacheavailableEm:78250931925992443Swap:000当新手看到used列中的值太大而Free列中的数值太小时,...