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

于 2024-04-07 22:44:47 发布
阅读量392 收藏 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 13v-for循环对象.html
mqingo的博客
01-02 2266
13v-for循环对象.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;13v-for循环对象&lt;/title&gt; &lt;script type="text/javascript" src=&quo
vue.js
qq_45787897的博客
10-25 633
mixin 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 // 定义一个混入对象 var myMixin = { created: function () { this.hello() }, methods: { hello...
vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Bo
最新发布
2201_75705263的博客
07-17 2482
翻译为：Vue .runtime.esm.js:4605 [Vue warn]:无效的prop:类型检查失败的prop "disabled"。预期的布尔值，得到值为"true"的字符串。解决办法：把变量数据disabled类型改为布尔型；
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
热门推荐
普歌-高禄
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 warn]: Invalid prop: type check failed for prop "multiple". Expected Boolean, got String.
Syntacticsugar's blog
12-10 8380
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 warn 和 sonar 扫描报错
weixin_47353884的博客
08-05 3732
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.js1026版本
weshouldhelp的博客
10-29 1502
/*! *转载自https://v1-cn.vuejs.org/js/vue.js * Vue.js v1.0.26 * (c) 2016 Evan You * Released under the MIT License. */ (function (global, factory) { typeof exports === 'object' &amp;&amp; typeof m...
vue.js源码
mianxing2357的博客
03-13 2334
/*! * Vue.js v2.5.21 * (c) 2014-2018 Evan You * Released under the MIT License. */ (function (global, factory) { typeof exports === 'object' &amp;&amp; typeof module !== 'undefined' ? module.exp...
Vue 15v-for循环中key属性的使用
mqingo的博客
01-02 3440
15v-for循环中key属性的使用.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;15v-for循环中key属性的使用&lt;/title&gt; &lt;script type="text/javascript&
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
详解Vue.js搭建路由报错 router.map is not a function
10-19
主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下
解决vue.js this.$router.push无效的问题
10-18
今天小编就为大家分享一篇解决vue.js this.$router.push无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router-tab:Vue.js tab 组件，基于 Vue Router
08-05
Vue.js 选项卡组件，基于 Vue Router。 :pushpin: 特征 :check_mark_button: 打开或切换到响应路由更改的选项卡 :check_mark_button: 标签鼠标滚轮滚动 :check_mark_button: 标签拖动排序 :check_mark_button: ...
vue-router3.0版本中 router.push 不能刷新页面的问题
08-27
主要介绍了vue-router3.0版本中 router.push 不能刷新页面的问题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-router.js
12-30
vue路由vue-router.js文件下载
vue.js this.$router.push获取不到params参数问题
10-15
主要介绍了vue.js this.$router.push获取不到params参数问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
[Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true".
07-15
这个警告提示表明你在某个组件中给 `router` 属性传递了一个字符串值 "true"，而实际上该属性的类型应该是布尔类型。这可能是因为你在组件中的某个地方错误地将字符串 "true" 赋值给了 `router` 属性。 要解决这个问题，你需要检查组件的代码，并确保你正确地设置了 `router` 属性的值。以下是一些常见的情况和解决方法： 1. 如果你是使用 Vue Router，检查组件中是否正确导入并使用了 `VueRouter` 对象。确保你在组件中正确初始化了路由器对象，并将其赋值给 `router` 属性，而不是字符串 "true"。 ```javascript import VueRouter from 'vue-router'; // 初始化和配置路由器对象 const router = new VueRouter({ // 路由配置... }); new Vue({ router, // 将路由器对象传递给Vue实例 // 其他选项... }).$mount('#app'); ``` 2. 如果你使用的是 Vue Router 4.x 版本，检查是否正确使用了 `createRouter` 函数来创建路由器对象，并将其赋值给 `router` 属性。 ```javascript import { createApp } from 'vue'; import { createRouter, createWebHistory } from 'vue-router'; const router = createRouter({ history: createWebHistory(), routes: [ // 路由配置... ], }); createApp(App).use(router).mount('#app'); ``` 3. 如果你不使用 Vue Router，而是在组件中手动处理路由相关逻辑，那么请检查你的代码，确保你没有将字符串 "true" 错误地赋值给 `router` 属性。 如果你仍然无法解决问题，请提供更多的代码和上下文信息，以便我能够更好地帮助你找到问题所在。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值