[Vue warn]: Invalid prop: type check failed for prop “router“. Expected Boolean, got String with val

于 2024-04-07 22:44:47 发布
阅读量483 收藏 2
点赞数 5
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59256973/article/details/137479020
版权

问题：vue.runtime.esm.js?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，简写就是：

改成

夔888
关注
  • 5
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
详解Vue.js搭建路由报错 router.map is not a function
10-19
Vue.js 是一款流行的前端JavaScript框架，它提供了便捷的组件化开发模式和强大的状态管理功能。在实际项目开发中，我们常常会用到Vue Router来处理应用的路由管理，以便实现页面间的导航和状态管理。然而，有时候在...
vue-router3.0版本中 router.push 不能刷新页面的问题
08-27
Vue Router 3.0 中 router.push 不能刷新页面的问题解决方案 Vue Router 3.0 中 router.push 不能刷新页面的问题是一个常见的问题，许多开发者都曾经遇到过这种情况。在这篇文章中，我们将详细介绍这个问题的原因...
Invalid prop: type check failed for prop “router“. Expected Boolean, got String with value “true“.
天道酬勤
09-10 1万+
环境：Vue+ElementUi 描述：在使用ElementUI的菜单导航时报错 错误信息：Invalid prop: type check failed for prop “router”. Expected Boolean, got String with value “true”. 我想使用菜单导航跳转页面，但是发现在将router设置为true时，就出现了这个错误 <el-menu...
bug:[Vue warn]: Invalid prop: type check failed for prop “router“. Expected Boolean, got String with
weixin_44107140的博客
04-23 2538
绑定的数据类型错误 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]: Invalid prop: type check failed for prop "value". Expected Number, got String.
MrZhang的博客
11-21 6769
最近项目前端开发，使用了比较酷的Vue，描述一下小白遇到的问题 1.异常描述： 警告：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String. [Vue warn]:无效的道具:类型检查失败的道具“值”。期望数字，得到字符串。 该异常是一个警告，不解决也不影响效...
[Vue warn]: Invalid prop: type check failed for prop “image“. Expected String, got Null.
资深程序员，曾自学JAVA，C#，如今从业于网安行业
11-14 2909
这里翻译过来就是image属性应该为String，但是为null 就是这里，两种原因，第一种，oss的impl实现层路径写错了 第二种，你的头像没加载出来，像这样： ok，完美解决！
[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got Object 解决方法
qq_42514371的博客
08-23 5198
[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object 解决方法
解决vue.js this.$router.push无效的问题
10-18
今天小编就为大家分享一篇解决vue.js this.$router.push无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js this.$router.push获取不到params参数问题
10-15
在Vue.js中，路由是应用状态管理的重要组成部分，特别是当你使用Vue Router进行单页应用（SPA）开发时。`this.$router.push`方法是用于导航到新的路由的关键函数，但有时候我们在传递`params`参数时可能会遇到一些...
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。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
解决vue报错: Invalid prop: type check failed for prop “data“. Expected Array, got Object
热门推荐
Codernmx
01-09 5万+
解决：[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got Object 原因是因为你初始化数据的时候是想要保存一个对象但是你接收到的数据是一个数组： 修改为数组就好了
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Date解决方法
weixin_44813394的博客
08-18 3002
[Vue warn]: Invalid prop: type check failed for prop “value”. Expected String, Number, got Date。
解决[Vue warn]: Invalid prop: type check failed for prop “index“.问题
m0_55728090的博客
04-15 7965
[Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Undefined [Vue 警告]：属性无效：属性“索引”的类型检查失败。预期字符串，未定义 这个问题会出现在控制台，虽然不影响运行，但是看着有爆红，就忍不住去解决。 能有index，且下面看到错的位置，我觉得应该是Home2文件了，因为里面写菜单侧边导航，这里会用到索引，然后点进去排查原因。 该问题是需要一个String字符串..
处理一些 Vue warn 和 sonar 扫描报错
weixin_47353884的博客
08-05 3799
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 572
遇到的问题: 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 “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异常:Invalid prop: type check failed for prop
麦叔
06-21 1万+
一.问题描述 用elementUI写vue 项目 ,在浏览器调试的时候报了这个错误. Invalid prop: type check failed for prop "border". Expected Boolean, got String with value "true" 原因是给表格加border=“true”,让表格得到竖直的框线. 插件希望得到的是一个布尔值,但是得到的是true的字符串. 二.解决方案 解决办法:在border="true"前加上一个冒号: 原来的: 修改后: ..
[Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String
FZlion的博客
11-30 8337
问题： [Vue warn]: Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String 意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先去vue文件中查找disabled关键字，确定传入的值是否为Boolean类型。 2、如果使用ElementUI，则需要在disabled前面加上冒号，例如 :disabled="true" 查看Element官网可知，设置输入框
index.vue:407 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Undefined
最新发布
01-31
根据引用[1]和引用的内容，你遇到的问题是在使用Vue的el-menu组件时，出现了属性类型检查失败的警告。具体来说，你遇到了两个不同的问题：一个是关于"index"属性的警告，另一个是关于"value"属性的警告。 对于第一个问题，警告信息是"Invalid prop: type check failed for prop 'index'. Expected String, got Undefined"。这意味着你在绑定"index"属性时，传递的值是未定义的。为了解决这个问题，你可以将绑定的数据手动转换为字符串，例如将"index"绑定的动态数据改为"item.path+''"。 对于第二个问题，警告信息是" prop: type check failed for prop 'value'. Expected String, Number, got Array"。意味着你在绑定"value"属性时，传递的值是数组类型，而期望的类型是字符串或数字。为了解决这个问题，你需要确保传递给"value"属性的值是字符串或数字类型，而不是数组类型。 以下是解决这两个问题的示例代码： ```vue <!-- 解决第一个问题 --> <el-menu :index="item.path+''"></el-menu> <!-- 解决第二个问题 --> <el-menu :value="item.value.toString()"></el-menu> ``` 请注意，以上代码只是示例，具体的解决方法可能因你的代码结构和需求而有所不同。你需要根据实际情况进行相应的修改。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值