Invalid prop: type check failed for prop “router“. Expected Boolean, got String with value “true“.

最新推荐文章于 2024-05-09 13:15:08 发布
原创 最新推荐文章于 2024-05-09 13:15:08 发布 · 1.5w 阅读 · 17 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
vue

当前文章被收录于：

vue
18 篇文章 1 人学习
订阅专栏 查看详情
本文解决了在Vue项目中使用ElementUI菜单组件时，因router属性设置不当导致的错误。通过调整router属性的书写方式，成功实现了菜单导航功能。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

环境：Vue+ElementUi
描述：在使用ElementUI的菜单导航时报错
错误信息：Invalid prop: type check failed for prop “router”. Expected Boolean, got String with value “true”.

在这里插入图片描述
我想使用菜单导航跳转页面，但是发现在将router设置为true时，就出现了这个错误

<el-menu :default-active="activeIndex" router="true" class="el-menu-demo" mode="horizontal" @select="handleSelect">

解决办法：不用写=“true”

<el-menu :default-active="activeIndex" router class="el-menu-demo" mode="horizontal" @select="handleSelect">

直接写一个名字就行了，估计其他的组件也是这样设置为true的

或写成绑定

<el-menu :default-active="activeIndex" :router="true" class="el-menu-demo" mode="horizontal" @select="handleSelect">

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看
标签
#elementUI #vue
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 7469
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
bug:[Vue warn]: Invalid prop: type check failed for prop “router“. Expected Boolean, got String with
weixin_44107140的博客
04-23 2852
绑定的数据类型错误 vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true". found in ---> <ElMenu> at packages/menu/src/menu.vue <Smenu> at src/compone
处理一些 Vue warn 和 sonar 扫描报错
weixin_47353884的博客
08-05 4445
1. [Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with val 2. Uncaught (in promise) cancel 3. Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (93)
Vue + ElementUI: Invalid prop: type check failed for prop “router“. Expected Boolean, got String...
Yuki_Aruki的博客
05-07 732
遇到的问题: Invalid prop: type check failed for prop “router”. Expected Boolean, got String with value “true”. 检查了各种自己写的prop,都没有类型上的问题 到处搜索了一下发现,本项目的原因为写错了element-ui中el-menu自带router的格式,正确格式应当为以下两种: <el-menu :router=”true”> <el-menu router> ...
[Vue warn]: Invalid prop: type check failed for prop “router“. Expected Boolean, got String with val
qq_59256973的博客
04-07 1059
c320:4625 [Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true". found in ---> <ElMenu> at packages/menu/src/menu.vue动态绑定，v-bind，简写就是：改成。
“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的解决方案
2301_79779756的博客
05-09 8218
在Vue.js等前端框架中，组件的props（属性）是用来接收来自父组件的数据的。每个prop都可以被指定一个类型，如String、Number、Boolean、Array、Object、Date、Function、Symbol以及任何自定义的构造函数。当传递给组件的prop值类型与定义的期望类型不符时，Vue会在控制台中发出警告，提示类型检查失败。
Vue使用element-UI，路由报错
陌上花开然不归矣
03-10 1346
Invalid prop: type check failed for prop "router". Expected Boolean, got String. prop校验路由时，要求router是一个boolean类型，但是得到的是一个string类型 官网上router参数是boolean类型 官网地址 Element - The world's most popular Vue UI framework 报错代码： <el-menu router="t..
[Vue warn]: Invalid prop: type check failed for prop “xxx“.Expected Boolean, got String with value
Alanrnzearn的博客
06-29 1万+
        在输入框中使用clearable属性即可得到一个可清空的输入框，所以常常会用到这个属性。但是在使用时打开控制台提示出现了下面这条标红的信息。 [Vue warn]: Invalid prop: type check failed for prop "clearable". Expected Boolean, got String with value "true". 控制台显示如下： 一开始以为是否是自己语法写错了，打开
vue-router报错 nvalid prop: type check failed for prop “to“. Expected String, Object, got Undefined
A_kai_的博客
07-18 2309
vue-router 在路由跳转的时候报错 nvalid prop: type check failed for prop “to“. Expected String, Object, got Undefined
Vue报错：Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法
cdtaogang's blog
08-10 6725
根据以上可以看到我们在父组件向子组件传递的 roleList 变量的类型是数组，而在子组件中 roleList 变量的类型是对象，先看看父组件和子组件传递的代码，这里注意看两个组件之间通过 Props 属性传值所定义的类型。，这就是导致错误的原因，修改 Props 属性的 roleList 变量的类型和默认值即可。问题解决，所以大家在写代码的时候特别是传递参数时，注意两边参数定义的类型是否一致！在子组件中我们的期望是一个对象，而你父组件中给我传递了一个数组。
[Vue warn]: Invalid prop: type check failed for prop “required“. Expected Boolean, got String.
qq_56715703的博客
06-15 2448
译为：[Vue警告]:无效的道具:类型检查失败的道具"required"。期望布尔值，得到字符串。
Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, g
放弃不难，但坚持一定很酷！
09-20 2459
解决办法在unique-opened="true" 前面 绑定 v-bind 就解决了 :unique-opened="true"报错这个是由于elementui里面的el-menu使用的时候这个属性unique-opened="true"导致的。大概意思就是无效的道具:道具“uniqueOpened”的类型检查失败。
❤ JavaScript 函数
林太白
09-28 2535
❤ JavaScript 函数 获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义（而非从对象的原型继承）的描述符。
日常报错、[Vue warn]: Invalid prop: type check failed for prop "multiple". Expected Boolean, got String.
Syntacticsugar's blog
12-10 8699
VUE报错如下： [Vue warn]: Invalid prop: type check failed for prop “multiple”. Expected Boolean, got String. 意思是期望的数据类型是boolean 类型，却被我定义成了字符串、 仔细看了下multiple这个组件属性、 log.js?4244:23 [HMR] Waiting for update s...
Vue报错（element UI）：type check failed for prop "uniqueOpened". Expected Boolean, got String.
热门推荐
bobobocai的博客
08-07 3万+
报错信息： 报错代码： 报错原因： 期望布尔值，得到字符串 解决方法：
Invalid prop: type check failed for prop “defaultExpandAll“.
哈哈哈哈哈，前端开发工程师啊
06-20 895
Invalid prop: type check failed for prop "defaultExpandAll". Expected Boolean, got String with value "true".报这个错误
Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String.
baidu_39212797的博客
07-04 2万+
报错信息 Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String. 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误 设置输入框组件禁止输入的正确写法是:disabled=”true”,而代码中少了冒号，加上即可。 ...
Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, got String with value “tr
qq_42722515的博客
11-18 3682
使用VUE 框架时报错： Invalid prop: type check failed for prop “uniqueOpened”. Expected Boolean, got String with value “true”. 结果虽然生效，但报错就是程序最不能忍受的事情，字面意思“true”被解释为字符串， 解决办法，把true用{{}}括起来 OK 了 ...
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。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值