element-报错，[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value

最新推荐文章于 2024-05-09 10:03:32 发布
最新推荐文章于 2024-05-09 10:03:32 发布
阅读量1.9k 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/freedomVenly/article/details/103482984
版权

本来是想用循环的方式做个导航，但是报了个错误，检查一下是因为参数类型错误：

在这里插入图片描述

重点是那句：
Expected String with value “2”,
字典翻译下就是
值为“2”的期望字符串，

index 里面的值必须是字符串类型，

顺便强调一点，vue 对参数等 类型的要求是非常严格的

只要把对应的数据修改成字符串类型即可；

freedom_文
关注
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 6176
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String.
热门推荐
郭宝的博客
10-08 7万+
问题： 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先针对该错误信息可以去GbComponentUploadDialog.vue文件中查找disabled关键字 2、然后通过查看对应的Element官网得知，设置输入框组件禁止输入的正确写法是 :disabled="true" ，而代码中少写了冒号，加上即可。 更...
Invalid prop: type check failed for prop “index“. Expected String with value “282“
提莫拌一团蘑菇
04-19 323
一、页面报错信息如下 二、解决方法 1. 按照报错信息，我们可以找到对应报错文件SidebarItem.vue 2. 修改为 :index="item.id + ' ' " 三、报错原因 1. 报错翻译： 无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义 2. 官方定义 这里index定义的类型为字符串，所以我们把number 改为字符串就大功告成了 ...
【解决报错】Invalid prop: type check failed for prop "index". Expected String with value "undefined", got
weixin_46552424的博客
03-18 1万+
在使用elementUI循环渲染导航的过程中 会出现如下警告 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义 解决方法： 将:index=“item.path” 改为:index="item.path + ’ ’ " 完美解决 原因：elementUI的index是字符串格式，加一个‘ ’，将后台数据转换为字符串 ...
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解决
【解决报错】Invalid prop: type check failed for prop “index“. Expected String with value “undefined“, got
weixin_48927323的博客
06-16 2377
在使用elementUI循环渲染导航的过程中会出现如下警告报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义将:index=“item.path” 改为:index="item.path + ’ ’ " 完美解决原因：elementUI的index是字符串格式，加一个‘ ’，将后台数据转换为字符串，那个item确实没有path这个属性，所以返回undefined。最好给那个item加个path属性，或者干脆换个属性，比如name，所有item都有这个属性就
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null
qq_51536454的博客
12-28 1030
Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null
vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4111
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%"> .
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
Invalid prop: type check failed for prop “index“. Expected String with value “145“...
weixin_41924621的博客
02-08 1719
vue报错： Invalid prop: type check failed for prop “index”. Expected String with value “145”, got Number with value 145. 中文翻译：无效的属性：属性“索引”的类型检查失败。应为值为“145”的字符串，获取值为145的数字。 一般是使用组件时传参类型错误 例如：使用ElementUI库的el-submenu组件index属性需要传String类型的值，但是id一般时Number类型的，所以报错了
nvalid prop: type check failed for prop “index“. Expected String with value “5“ 解决办法！
杨葱儿
10-27 2044
原来是elementUI的：index字段为字符串格式，后台数据为num格式，格式警告，格式转换，问题解决！ 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 :value="ites.value_id" 改为： :value="String(ites.value_id)" ...
Invalid prop: type check failed for prop “index“. Expected String with value “undefined“,
Xwz的博客
04-07 4557
在引入ElementUI进行渲染时,在项目中用v-for的时候报了这个错，看到[Vue warn]基本上是Vue在处理数据的并且渲染到页面的组件上出现了错误。 一般找不到在哪里报错,需要找到渲染的组件看看他的绑定值，尤其是index或者key有没有取不到的值 这行中subindex中最终出现这样的问题,结果导致整个菜单框渲染报错。 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义。 将:index=“subIndex"或唯一路径inde.
【Vue】Invalid prop: type check failed for prop “index“. Expected String with value “0“
达则兼济天下
07-02 2519
Invalid prop: type check failed for prop “index”. Expected String with value “0”, got Number with value 0. index字段为字符串格式，后台数据为num格式，这个你可以强转义，不过这个只是警告也不是报错，对功能影响不大 格式警告，格式转换，问题解决！ ...
[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String with value “0“, got Nu
个人网站：https://www.longzipeng.online
10-23 3328
错误描述 今天在使用vue 和element UI做循环遍历的时候遇到了如下问题： [Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "0", got Number with value 0. 百度翻译结果如下： [Vue warn]：属性无效：属性“index”的类型检查失败。应为值为“0”的字符串，而值为0的数字。 我的代码如下： <el-submenu
vue报错Invalid prop: type check failed for prop “index“. Expected String with value “0“
gengyiping18的专栏
02-05 2754
问题现象：vue报错Invalid prop: type check failed for prop "index". Expected String with value "0"，如下图所示： 问题分析：从报错来看，是value想要一个String的值，但实际传的不是String类型 问题解决：使用String()进行类型强转 ...
vue报错：Invalid prop: type check failed for prop “index“. Expected String with value
weixin_47151361的博客
08-20 859
<el-submenu :key="index" :index="item.menuName +''"> <template :index="item.menuName" slot="title"> <span :class="'icon iconfont ' + item.icon"></span> <span class="title"> {{ item.me...
vue.报错： [Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "6"
Sucker的小笔记
04-21 1484
报错： [Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "6", got Number with value 6. 翻译： 无效的属性：属性"index"的类型检查失败。需要字符串类型的"6"，但是实际得到数字类型的6 解决： 原 :index="m...
日期选择组件报错：Invalid prop: type check failed for prop “prop“. Expected String with value
zwh2487577416的博客
05-09 555
日期选择组件报错：Invalid prop: type check failed for prop "prop". Expected String with value
[Vue warn]: Invalid prop: type check failed for prop "label". Expected String, got Function
最新发布
08-24
当在 Vue.js 开发过程中遇到这个警告 `[Vue warn]: Invalid prop: type check failed for prop "label". Expected String, got Function`，这意味着你在向组件传递属性 `label` 的时候，期望的是字符串类型 (String)...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值