vue项目解决: Invalid prop: type check failed for prop “index“问题

最新推荐文章于 2023-01-03 21:10:03 发布
最新推荐文章于 2023-01-03 21:10:03 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： 常遇错误 文章标签： vue 数据库 bug
赵鑫阳
本文链接：https://blog.csdn.net/weixin_45948874/article/details/113917918
版权

chrom工具中报如下错误

image-20210221112948283

使用element-ui的菜单中有一个index属性，如果index的值从后端传入的是int类型的时候，页面会出现一下报错.

解决办法用toString()转换成字符串

 <el-submenu v-for="menu in menuList" :index="menu.menuid.toString()">

问题解决

赵同学‍
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 5499
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Invalid prop: type check failed for prop “index“. Expected String with value “undefined“,
Xwz的博客
04-07 4134
在引入ElementUI进行渲染时,在项目中用v-for的时候报了这个错，看到[Vue warn]基本上是Vue在处理数据的并且渲染到页面的组件上出现了错误。 一般找不到在哪里报错,需要找到渲染的组件看看他的绑定值，尤其是index或者key有没有取不到的值 这行中subindex中最终出现这样的问题,结果导致整个菜单框渲染报错。 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义。 将:index=“subIndex"或唯一路径inde.
Invalid prop: type check failed for prop ““. Expected Number | String, got Array
白瑕 的博客
04-30 2910
记录一个用Props传值时出现的BUG和原因.
报错Vue warn]: Invalid prop: type check failed for prop “min“. Expected Number with value 1,
Ggome的博客
11-15 3614
min前加上 : 冒号。
解决[Vue warn]: Invalid prop: type check failed for prop “index“.问题
m0_55728090的博客
04-15 7974
[Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Undefined [Vue 警告]：属性无效：属性“索引”的类型检查失败。预期字符串，未定义 这个问题会出现在控制台，虽然不影响运行，但是看着有爆红，就忍不住去解决。 能有index，且下面看到错的位置，我觉得应该是Home2文件了，因为里面写菜单侧边导航，这里会用到索引，然后点进去排查原因。 该问题是需要一个String字符串..
Invalid prop: type check failed for prop “xxx“
weixin_46669844的博客
01-03 644
无效的命名数据:“数据”类型检查失败。很经典的问题处理办法：找引号对应字符位置。。。
Invalid prop: type check failed for prop “index“. Expected String with value “5“问题解决
qq_30351747的博客
05-04 4080
Invalid prop: type check failed for prop “index”. Expected String with value "5"问题解决 在elementUI导航组件中加入后台数据驱动循环生成导航时会报如下错误 这里的错误是由index引起的，index的值必须是字符串，而且是单一的。 源代码 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="ha
解决vue2 在mounted函数无法获取prop中的变量问题
10-17
为了解决这个问题，我们可以利用Vue的`watch`属性来监听prop的变化。下面详细介绍如何通过`watch`来解决这个问题。 首先，在子组件中定义你想要监听的prop，例如`example`： ```javascript props: { example: { ...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_...
Invalid prop: type check failed for prop “index“.
Cao_Mary的博客
08-14 151
Vue使用ElementUI的NavMenu时，有个index属性。此属性需要传递string类型。
Invalid prop: type check failed for prop “maxLength“. Expected Number, got String.
码农键盘上的梦
08-16 2875
背景今天使用Ant Design of Vue的文本域的maxlength属性报错了。
[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String with value “0“, got Nu
个人网站：https://www.longzipeng.online
10-23 3263
错误描述 今天在使用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中给index赋值时报Invalid prop: type check failed for prop "index". Expected String, got Number
qq_27474555的博客
05-15 2200
1、html代码 <div v-for="(item, index) in routes" :index="item.index"> <div v-if="item.children"> <el-submenu :index="index"> <template slot="title"> ...
【解决报错】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是字符串格式，加一个‘ ’，将后台数据转换为字符串 ...
树形菜单导航Vue和Element实现
m0_45043105的博客
12-07 969
最近做项目时遇到一小难点，动态渲染element-ui 的侧边栏 导航菜单，有三级路由，有二级的，渲染完事了发现二级的跳转不了路由，这可着急坏了，出了一身汗。。。。 二级里面的订单列表不能跳转路由，三级里面才可以跳转，而且还有个小箭头，经过几个小时的研究 最终搞定， 最终是利用vue name属性，然后实现递归 编写一个自定义zMenu.vue组件，其中实现递归逻辑 <template&...
[Vue warn]: Invalid prop: type check failed for prop “disabled“
易小花的博客
07-27 1万+
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “disabled” . Expected Boolean, got String with value “isdisabledFn()” 问题描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “disabled” . Expect
[Vue warn]: Invalid prop: type check failed for prop "modelValue"
最新发布
05-25
这个错误通常是因为你在 Vue 组件中使用了一个带有类型检查的 prop，但是传入的值不符合类型要求。你可以检查一下组件中定义的这个 prop 的类型，然后确认你传入的值是否符合要求。另外，你也可以尝试在组件中为这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

赵同学‍

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

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

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

打赏作者

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

抵扣说明：

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

余额充值