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

最新推荐文章于 2022-10-27 22:48:23 发布
最新推荐文章于 2022-10-27 22:48:23 发布
阅读量1k 收藏
点赞数 1
分类专栏： 遇到的坑 element遇到的小坑 文章标签： element vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41894940/article/details/101425573
版权

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

会飞的乌龟哟
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
cvc-complex-type.2.4.d: Invalid content was found
12-12
在XML Schema设计中，"cvc-complex-type.2.4.d: Invalid content was found" 是一个常见的错误信息，这通常意味着在解析XML文档时，遇到了不符合定义的复杂类型的内容。这个错误通常涉及到XML Schema的约束规则，即...
Vue.js中轻松解决v-for执行出错的三个方案
01-21
v-for遍历数组中存在空值导致页面报错，情况如下： 开发框架是以Vue为模型绑定的核心，根据错误可以进行一个简单的判断：  :black_small_square: removeChild操作既然不是发生在开发者显示书写的代码中，就应该是...
vue 中$index $key 已经移除了
diaohanliu7622的博客
02-09 252
之前可以这样: <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 418
使用elementUI插件后v-for遍历时index索引值报错
el-submenu中使用v-for后绑定:index报错
weixin_43837268的博客
06-16 2883
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 5858
v-for的一个小错误
关于使用element-ui导航菜单栏NavMenu报错index无效问题！！！
天干地支甲
08-15 1497
** 报错非常苦恼，去官方文档看了看发现index必须使用string/null数据类型， ** 多么基础的错误，接口给我返回的是number，使用toString()转换一下方可，
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
tomcat启动报错：java.util.zip.ZipException的解决方法
08-27
在给出的报错日志中，我们可以看到异常发生在`org.apache.catalina.startup.ContextConfig.beforeStart`方法中，具体是在修复文档基础路径（docBase）的时候。Tomcat在启动时会检查每个Web应用程序的WAR文件或已展开...
pdfjs-2.7.570-dist.zip
01-26
PDF.js 是一个由 Mozilla 维护的开源项目，旨在提供一个纯 JavaScript 实现的 PDF 文件查看器，使得在浏览器环境中可以流畅地查看和操作 PDF 文档。该项目的最新版本为 2.7.570，这个压缩包 "pdfjs-2.7.570-dist.zip...
vue项目v-for在vscode中报错解决方法：
浩星
05-23 4879
首先说说原因吧，这里是因为vscode关于vue的一个插件vetur报错，这个是一个语法检查的报错，解决有两种办法： 第一种： （https://blog.csdn.net/xjlinme/article/details/73770416）这里有关于vetur插件的介绍 vscode中 ：文件---》首选项---》设置---》打开settings.json文件 在里面添...
前端学习笔记之使用element ui编写侧边导航时遇到对的错误
Noyade的博客
11-10 144
编写侧边导航出现以下问题，查看官方文档，文档显示的是subMenu的index是字符串类型和null 但是我写的数据确实是字符串问题 只需要在后面加上即可
从 array 中取元素，及同时取元素时 IndexError 报错的处理
domodo2012的博客
01-03 459
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 1532
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 762
菜单[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "13", got Number with value 13.
Element Plus关于Menu 菜单的报错
u014783334的博客
05-19 2166
复制代码运行，一直报错，如下 element plus官方demo <el-menu active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo" default-active="2" text-color="#fff" @open="handleOpen" @close="handl
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-...
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....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

会飞的乌龟哟

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

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

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

打赏作者

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

抵扣说明：

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

余额充值