vue---[Vue warn] prop “defaultActive“. Expected String with value “1“, got Number with value 1.

最新推荐文章于 2024-05-09 13:15:08 发布
最新推荐文章于 2024-05-09 13:15:08 发布
阅读量1k 收藏 2
点赞数 1
分类专栏： 问题 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_49552046/article/details/132694710
版权
文章讲述了在Vue和ElementUI项目中遇到的两个警告，分别是default-active和index属性的prop类型错误，解决方案是将Number类型的值转换为String。

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

问题描述：

vue+element项目报错，vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop “defaultActive”. Expected String with value “1”, got Number with value 1.如下图
在这里插入图片描述

解决方法：

产生上述报错原因是由于 标签default-active绑定的值为Number，绑定类型错误，应修改为String类型；修改方法为default-active绑定的值使用toString()方法转换为字符串即可。

还有一种会报错vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: custom validator check failed for prop “index”.
这种情况也是绑定的值为Number但是是因为 标签里面的的标签的index属性，修改方法为index绑定的值使用toString()方法转换为字符串即可。
在这里插入图片描述
解决后的代码是这样的：
在这里插入图片描述

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...
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报错：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 换为 ...
[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多选组..
Invalid prop: type check failed for prop “uage“. Expected Number with value 1, String with value “1“
qq_54180801的博客
08-07 1371
Invalid prop: type check failed for prop "uage". Expected Number with value 1, String with value "1"
报错Vue warn]: Invalid prop: type check failed for prop “min“. Expected Number with value 1,
Ggome的博客
11-15 3906
min前加上 : 冒号。
type check failed for prop "defaultActive". Expected String with value "2", got Number with value 2.
08-09
Expected String with value “1“, got Number with value 1.](https://blog.csdn.net/maidu_xbd/article/details/120470101)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
[Vue warn]: Invalid prop: type check failed for prop "defaultActive". Expected String with value "0", got Number with value 0.
02-02
具体来说，这个警告是因为你在组件中定义了一个名为"defaultActive"的属性，并且期望它的类型是字符串（String），但实际传入的值是一个数字（Number）。 要解决这个问题，你可以通过以下几种方式之一来修复： 1. ...
[Vue warn]: Invalid prop: type check failed for prop "number". Expected String with value "1", got Number with value 1.
06-08
这个警告是由于你在使用 Vue 组件时，给组件传递了一个名为 "number" 的 prop，但是这个 prop 的类型检查失败了。期望的类型是字符串类型，值为 "1"，但是实际传递的是数值类型 1。 你需要检查一下你的代码，看看...
[Vue warn]: Invalid prop: type check failed for prop “defaultActive“. Expected String with value “1
weixin_44928631的博客
08-30 2867
报vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "defaultActive". Expected String with value "1", got Number with value 1. 这个说明的是这个属性是默认是字符串类型，然后我们得到是一个数字类型 data(){ return{ activeIndex:1 || activ...
“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的解决方案
最新发布
2301_79779756的博客
05-09 6873
在Vue.js等前端框架中，组件的props（属性）是用来接收来自父组件的数据的。每个prop都可以被指定一个类型，如String、Number、Boolean、Array、Object、Date、Function、Symbol以及任何自定义的构造函数。当传递给组件的prop值类型与定义的期望类型不符时，Vue会在控制台中发出警告，提示类型检查失败。
Invalid prop: type check failed for prop “defaultActive“. Expected String, got Number.
Cool_so_cool的博客
07-13 4190
这个链接是使用NavMenu 导航菜单循环时会报另外一个错误的文章，建议一块看https://blog.csdn.net/Cool_so_cool/article/details/118695085?spm=1001.2014.3001.5501 VUE项目使用NavMenu 导航菜单循环时报的错误 解决方法：default-active的值不能有空格，并且要为字符串类型，加上一个toString(),就可以啦 slideStyleIndex是动态给菜单栏添加背景色用的 效果如下 这样写的目的是为了实
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
vue: Invalid prop: type check failed for prop “action“. Expected String with valu
Smile_666666的博客
02-10 5128
出现 Invalid prop: type check failed for prop “action”. Expected String with value错误 原因：使用el-upload 上传组件没写 action，写上就不会报错了 <el-upload action="#"> <img class="icon-img" src="@/assets/37.png"/> </el-upload>
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错误[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 “model“. Expected Object, got Array
汪汪汪汪
01-10 1169
双向绑定的form表单默认值被我设置成了空数组，但是el-form-item里面的el-input里绑定的是form.xx;导致出现该报错，把form默认值修改回对象即可；显而易见，报错信息即是提到了model的类型检测错误，期待是对象，但是却获得数组；环境情况：vue2+js+elementUI+element-form组件；在调试vue2项目的过程中，发现以下报错。
报错：Invalid prop: type check failed for prop “index“. Expected String, got Undefined
木木木森林
05-27 1245
报错：Invalid prop: type check failed for prop "index". Expected String, got Undefined1. 报错的时候2. 报错的内容3. 修改的地方4. 解决 1. 报错的时候 2. 报错的内容 3. 修改的地方 4. 解决
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值