element 导航菜单 v-for 绑定菜单 index一直报错，Invalid prop: type check failed for prop "index"......

最新推荐文章于 2023-11-02 23:17:44 发布
最新推荐文章于 2023-11-02 23:17:44 发布
阅读量1k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 遇到的坑 element遇到的小坑 文章标签： element vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41894940/article/details/101425573
本文解决Element UI在使用过程中遇到的小坑，当循环绑定时key为number类型，与官方API要求的string/null类型不符导致报错的问题。通过在key后添加空字符串即可正常运行。

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

在这里插入图片描述
如上图所示，功能能正常使用，就是有报错，原因是index 的值 官方api 说的index的值类型是 string/null, 循环绑定的时候key是number,在后面加一个 ‘’空串 即可。第一次用element的小坑。在这里插入图片描述
如图所示

Invalid prop: type check failed for prop “index“. Expected String with value “100“, got Number with
m0_56302604的博客
03-16 1536
在使用element UI 的导航菜单时，菜单数据从后台获取过来后显示，出现错误： 原因： 导航菜单中的index字段要是字符串格式，但是后台数据是number格式，所以才会有以上格式警告。 解决办法： 可以将绑定index字段的数据转换成字符串格式。 vue代码: <el-menu mode="horizontal" :default-active="activePath"> <!-- 一级菜单 --> <el-submenu :index="item.cate_id
vue 中$index $key 已经移除了
diaohanliu7622的博客
02-09 290
之前可以这样: <ul id="example"> <li v-for="item in items"> {{$index}} {{$key}} </li> </ul> 现在已经移除,如果还用的话就会报错:Uncaught ReferenceError: $index i...
使用elementUI插件后v-for遍历时index索引值报错
m0_48994856的博客
10-08 511
使用elementUI插件后v-for遍历时index索引值报错
el-submenu中使用v-for后绑定:index报错
weixin_43837268的博客
06-16 3001
1.报错原因： :index中只接受字符串 2.解决思路： 把字符串转化成数字 3.代码 <el-submenu v-for="(item,index) in menulist" :key="item.id" :index="index + ''"> </el-submenu> ...
v-for错误：应为数组元素析构模式
Aiden_Su的博客
10-20 6116
v-for的一个小错误
element ui 中，数组v-for渲染表格时，使用index作为prop的属性值时，index失效
weixin_63584316的博客
11-02 344
最后发现index要转一下数据类型，转成。
a-range-picker 报错 Invalid prop: custom validator check failed for prop "value".
09-05
- *1* [element-ui 报错Invalid prop: custom validator check failed for prop “index“.](https://blog.csdn.net/SmartJunTao/article/details/124093054)[target="_blank" data-report-click={"spm":"1018.2226....
a-checkbox group 回显的时候报错 Invalid prop: type check failed for prop "value". Expected Array, got String with value "[[1,7 ]]".
08-16
根据你提供的问题，你遇到的错误是`Invalid prop: type check failed for prop "value". Expected Array, got String with value "[的例子，这个错误是因为你将`checkList`的值设置为`null`，而实际上它应该是一个...
el-menu Invalid prop: type check failed for prop "index". Expected String with value "28", got Number with value 28
07-26
当您在配置 `el-menu-item` 或者其他需要 `index` 属性的地方遇到错误提示 “Invalid prop: type check failed for prop 'index'. Expected String with value '28', got Number with value 28” 时，这表明系统期望...
vue.js:634 [Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got Number with value 0.
最新发布
03-26
好的，我现在需要解决用户遇到的Vue.js报错问题：“Invalid prop: type check failed for prop 'disabled'. Expected Boolean, got Number”。首先，我得理解这个错误的原因。根据之前的引用内容，类似的问题通常是...
关于使用element-ui导航菜单栏NavMenu报错index无效问题！！！
天干地支甲
08-15 1605
** 报错非常苦恼，去官方文档看了看发现index必须使用string/null数据类型， ** 多么基础的错误，接口给我返回的是number，使用toString()转换一下方可，
vue项目v-for在vscode中报错解决方法：
浩星
05-23 5156
首先说说原因吧，这里是因为vscode关于vue的一个插件vetur报错，这个是一个语法检查的报错，解决有两种办法： 第一种： （https://blog.csdn.net/xjlinme/article/details/73770416）这里有关于vetur插件的介绍 vscode中 ：文件---》首选项---》设置---》打开settings.json文件 在里面添...
前端学习笔记之使用element ui编写侧边导航时遇到对的错误
Noyade的博客
11-10 192
编写侧边导航出现以下问题，查看官方文档，文档显示的是subMenu的index是字符串类型和null 但是我写的数据确实是字符串问题 只需要在后面加上即可
从 array 中取元素，及同时取元素时 IndexError 报错的处理
domodo2012的博客
01-03 571
1、取数 arr = np.arange(24).reshape(2, 4, 3) arr Out[52]: array([[[ 0, 1, 2], [ 3, 4, 5], [ 6, 7, 8], [ 9, 10, 11]], [[12, 13, 14], [15, 16, 17], [18, 19, 20], [21, 22, 23]]]) 从 array 中取单个元素，直接用下标
使用v-for循环时无法识别index
XUMINGRUNDEJIE的博客
03-13 1775
Vue脚手架创建项目遇到的问题：控制台报错：在使用v-for循环时无法识别index 解决方案：v-for="(item, index) in data" :key=“index” :index=“String(index)”
问题解决：ElementuiPlus：菜单组件提示警告信息prop “index“. Expected String | Null
weixin_39651356的博客
10-27 941
菜单[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "13", got Number with value 13.
vue中解决v-for使用报红并出现警告问题
生如夏花 炫至茶靡
01-15 2万+
代码报红对于追求优美代码的强迫症患者来说看着很不舒服，报红如下： 控制台中也会有： (Emitted value instead of an instance of Error) : component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key
Vue使用v-for报Duplicate value found in v-for="...": "". Use track-by="$index" 错误解决方法
violetjack的专栏
05-26 1万+
Log在使用Vue做表单时发生如下错误：[Vue warn]: Duplicate value found in v-for="data in content": "". Use track-by="$index" if you are expecting duplicate values. (found in component: <grid>)问题原因由于我的JSON数组中有多个相同的字符串，类
Vue中v-for=（index,item）in data :key=index,指令中的key遇到的问题:删除后成功后重新拉取数据，但是数据出现更新错误的现象
热门推荐
chelflan's blog
03-28 2万+
删除前 2.删除第二个后 现象 2.1 少了一个，第一位无任何变化； 2.2 第二个的id变了其它无任何变化； 2.3 本来删除的第二个，但是消失的确实第三个 原因分析 3.1 v-for中的key： v-for循环数据，当用for来更新已经被渲染的元素时，vue的“就地复用”策略，是不会改变数据项的顺序的，如果想要重新排序，需要为每项添加key（也就是每项的唯一id） 当使用v-...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会飞的乌龟哟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值