Vue报错 type check failed for prop “xxx“. Expected String with value “xx“,got Number with value ‘xx‘

已于 2022-08-03 15:25:20 修改
阅读量2.2w 收藏 5
点赞数 6
分类专栏： Vue 文章标签： vue.js
于 2021-09-30 11:31:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45973327/article/details/120563509
版权
没有检索到摘要

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue报错 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "4", got Number with value 4.


在这里插入图片描述

前端基本都是弱类型，但如果不注意类型的话很容易出现奇怪的问题，比如 “ ”和null字符，“ ”和‘ ’双引号和单引号，{}和[]等有时候不会报错
但也不显示，也没有值，也没反应

当出现这个错误原因在于写法上漏了数字和字符串的类型关系
在这里插入图片描述

引用了我们定义的数组和变量或者函数
在这里插入图片描述
这个问题就是我们点击：name默认的类型是字符串类型，而我们自己定义的是数字类型所以我们需要改一下就好

在这里插入图片描述

正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 6903
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with va
游海东的技术专栏
09-04 1万+
1、错误描述 vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with value 17. found in ---> <ElCheckbox> at package...
Invalid prop: type check failed for prop “name“. Expected String with value
前端之行，任重道远！
08-30 8392
在使用elementUi标签页进行遍历后端数据动态生成标签时警告： Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "192", got Number with value 192. at <ElTabPane label="192班" name=192 > at <ElTabs modelValue="student" onUpdate:modelVa
vue3开发问题解决：[Vue warn]: Invalid prop: type check failed for prop “menuWidth“. Expected N
最新发布
weixin_48420104的博客
03-13 603
如果menuWidth本身可以接受带单位的字符串（如"124px"），你可以直接修改propsprops: {然后在组件内部根据需要处理这个字符串值。这个警告的根本原因是传递给menuWidth的值类型不符合组件的期望。解决方法包括：确保传递的值是数字类型。在父组件中解析字符串为数字。在子组件中处理字符串值并解析为数字。调整props的定义以接受字符串类型。根据你的具体需求选择合适的方法。这里我用了方法1去解决。
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object
qq_45796592的博客
08-05 1万+
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object bug解决
Vue报错：Invalid prop: type check failed for prop "...". Expected String with value "1", got Number 1
Super__Duan的博客
05-13 1万+
Vue报错：Invalid prop: type check failed for prop “…”. Expected String with value “1”, got Number with value 1 Expected String with value “1”, got Number with value 1 期望的是String类型，但是传的值是Number类型，所以把String转换成Number 换为 ...
Invalid prop: type check failed for prop “name“. Expected String with value ““, got Number with ‘‘ “
weixin_45410804的博客
04-14 2876
Invalid prop: type check failed for prop "name". Expected String with value "", got Number with '' " 错误描述 ： 错误原因 ： 由于el-tabs中的属性name需要字符串类型，而后台传过来的是数字类型，导致类型不匹配，出现报错 <el-tabs v-model="orderIndex" type="card" closable @
解决报错type check failed for prop "name"
weixin_45543192的博客
11-07 4354
当出现[Vue warn]: Invalid prop: type check failed for prop “name”. Expected String with value “null”, got Null found in 原代码 报错原因 由于name传入的为null类型，不是字符串类型 解决办法 传入的值后面拼了一个空字符串，自动转成了字符串，解决！！！ ...
vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4299
4/19 在写vue项目注册页面中rules规则的时候，反复验证prop和rules中值相同的情况下，运行一直产生报错 <template> <div> <div id="register" class="box" > <h3>注册登录页面</h3> <el-form ref="ruleform" :rules="rules" model="loginForm" label-width="20%"> .
vue脚手架搭建和iview踩坑 "vue": "^2.5.2"
人间草木
01-07 1万+
*****先要安装node.js，使用npm包管理工具 node.js安装方法如下***** https://blog.csdn.net/shiyaru1314/article/details/54963027 https://blog.csdn.net/qq_42564846/article/details/82688266 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里...
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2908
09Vue中使用样式---class.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;09Vue中使用样式----class&lt;/title&gt; &lt;script type="text/javascript
Vue 源码深入解析之 nextTick、检测变化的注意事项、计算属性和侦听属性、组件更新 和 Props
浮生离梦的博客
06-22 1069
一、nextTick 的理解 nextTick 是 Vue 的一个核心实现，在介绍 Vue 的 nextTick 之前，为了方便大家理解，先简单介绍一下 JS 的运行机制。 JS 运行机制，JS 执行是单线程的，它是基于事件循环的。事件循环大致分为以下几个步骤： 所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。 主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。 一旦"执行栈"
[Vue warn]: Invalid prop: type check failed for prop “currentPage“. Expected String with value “1“
qq_44267691的博客
10-10 5906
因为我是把这个currentPage变量存到了localStorage里面，存进去的是int类型，拿出来的就是string类型了，所以再次复制给currentPage变量会有类型冲突。解决方法：将localStorage的数据变量拿出来时转换成int类型就好（ 通过parseInt()函数实现 ），保持前后变量赋值始终一致。出现这个的原因是因为定义的初始currentPage变量为整型，后面赋值时变为了string类型。当然一开始的data()里面定义变量也要为整型。
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
热门推荐
loricy7的专栏
08-10 2万+
Vue错误提示： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 1. 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 我实际遇到的问题是： 开发uni-app时，使用checkbox-group多选组..
【vue报错】 [Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Undefined
Code_King006的博客
08-31 1699
属性无效：属性“索引”的类型检查失败。预期字符串，未定义，通俗的说，就是index绑定的动态数据不能被检索为字符串。,虽然不影响功能和ui的渲染，但是本着严谨的原则，有问题，咱们还是得解决。先把解决方法和问题产生的原因和大家分享。组件，设置index时，有时候控制台会报错。将index绑定的数据手动变为字符串即可。在使用第三方组件element-ui的。废话不多说，直接上代码…
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
报错： [Vue warn]: Invalid prop: type check failed for prop currentName". Expected String
goudexingwu的博客
02-11 1万+
以上代码造成报错,后来知道是因为变量名重复 改成这样就行了.
报错:[Vue warn]: Invalid prop: type check failed for prop “title“Expected string with value “11“...
感谢您阅读我的博客，如果您有任何问题或建议，请随时联系我。
05-08 3593
valid prop: type check failed for prop "title". Expected String with value "11", got Number with value 11.
vue3element-plus警告 [Vue warn]: Invalid prop: type check failed for prop “content“. Expected String w
m0_48083875的博客
04-03 1480
el-popover 的可扩展使用 是在内部写扩展内容。不能使用引号 的方式写变量。
vue报错 Invalid prop: type check failed for prop "mark". Expected String with value "[object PointerEvent]", got PointerEvent
08-29
你好！对于你的问题，“Invalid prop: type check failed for prop 'mark'. Expected String with value '[object PointerEvent]', got PointerEvent”，这是一个Vue的错误提示。它表明你在一个组件的props中定义了一个名为'mark'的属性，并且期望它的类型为字符串（String），但实际上传入的是一个PointerEvent对象。 要解决这个问题，你可以检查一下传递给'mark'属性的值，确保它是一个字符串类型的值。你可以使用Vue的类型检查来验证传递的值是否符合预期，例如使用`String`作为'mark'属性的类型： ```javascript props: { mark: { type: String, required: true } } ``` 这样，如果传递给'mark'属性的值不是一个字符串，Vue会在开发环境下抛出一个错误，帮助你找到并解决这个问题。 希望这能帮到你！如果你还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值