Vue结合Element UI实现导航的router属性 expected boolean,got string

最新推荐文章于 2024-09-12 17:05:41 发布
最新推荐文章于 2024-09-12 17:05:41 发布
阅读量7.6k 收藏 4
点赞数 3
分类专栏： vuejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lindonglian/article/details/77532941
版权

为了能通过el-menu-item的index实现动态路由跳转,得将el-menu的router设为true,默认是false
这里写图片描述
代码实现是这样的
这里写图片描述
但是每次通过npm启动完访问控制台都会报错。
Vue结合Element UI实现导航,在router属性处出现 expected boolean,got string
这里写图片描述
后来发现另一种写法是ok的:
这里写图片描述

Linda L
关注
专栏目录
【element ui】问题集锦
Beam
03-29 2162
现象： 在el-dialog弹出框中使用到el-table列表时，右侧操作栏设置了fixed=“right”，第一次打开弹框正常，关闭后再次打开，发现操作栏全都往下移动了一行，导致表格行错位。 解决： 官方文档有提供方法doLayout，但没明确什么情况下使用，或许此时就能用。 监听data变化后，需要重新渲染el-table时，调用doLayout该方法即可。 代码： watch: { '$attrs.data': { handler (val) { this.$refs.com
Vue + ElementUI: Invalid prop: type check failed for prop “router“. Expected Boolean, got String...
Yuki_Aruki的博客
05-07 627
遇到的问题: 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基础二（elementUI、vue-router）
jayLog的博客
02-01 1335
elementUI、vue-router的安装。路由和子路由功能整理
vue-router + el-menu
最新发布
qq_40202869的博客
09-12 551
这时候需要自己在点击子菜单的时候进行导航，在。添加方法，里边有三个参数。
【Vue进阶】ElementUI、Vue-Router、Vuex
一个正在努力学习的iter
09-23 1039
表格组件 分页组件 三种情况都应该触发查询 mounted 组件挂载完成后 页号变化时 页大小变化时 查询传参应该根据后台需求，灵活采用不同方式 本例中因为是 get 请求，无法采用请求体，只能用 params 方式传参 返回响应的格式也许会很复杂，需要掌握【根据返回的响应结构，获取数据】的能力 分页搜索 sex 与 age 均用 表示用户没有选择的情况 age 取值 会被
el-admin-web CRUD.js [Vue warn]:Expected String, Number, got Boolean with value false.
konnysnow的专栏
02-11 2133
1.js报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Boolean with value false. [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Boolean with value false. found in --
VueRouter配合Element ui实现导航菜单
weixin_43579154的博客
02-26 1680
1.创建路由 import Vue from 'vue' import Router from 'vue-router' // 引入vue-router import Layout from '../components/Layout/index.vue' Vue.use(Router) // 在vue中注入Router // 配置路由路径 const routes =[ { path: '/login', name: 'login', hidden:fa
[Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true".
07-15
1. 如果你是使用 Vue Router，检查组件中是否正确导入并使用了 `VueRouter` 对象。确保你在组件中正确初始化了路由器对象，并将其赋值给 `router` 属性，而不是字符串 "true"。 ```javascript import VueRouter ...
Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true".
09-02
这个错误是因为在Vue ElementUI的菜单导航组件中，你将"router"属性设置为了字符串"true"，但是这个属性期望的是一个布尔值而不是字符串。所以导致了类型检查失败的错误。要解决这个问题，你需要将"router"属性的值...
vue.runtime.esm.js:4609 [Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true".
12-03
这个错误提示表明在Vue组件中，你给`router`这个属性传递了一个字符串类型的值"true"，但是这个属性期望的是一个布尔类型的值。这个问题可以通过将属性值改为布尔类型的true来解决。 以下是一个解决方法的示例代码...
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Vue提示Expected Boolean, got String
热门推荐
ai520587的博客
12-27 2万+
提示错误为type check failed for prop "XXX". Expected Boolean, got String. 既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。 很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。 解决方法就是在“XXX”这个属性前面加上“ : ”即可...
element-ui中使用导航栏组件时跳转路由用法
yueye_wu的博客
09-10 6348
之前做vue项目遇到了这个问题，刚开始有点迷惑，看了好长时间官方文档，终于给摸索出来用法了 话不多说直接上成品，将elemtent ui中nav组件复制，然后我根据当时的项目修改成了如下代码： <el-col :span="3.5"> <el-menu :default-active="this.$route.path" class="el-menu-vertical-demo" ...
【自用】完美解决：Invalid prop: xxx,Expected Boolean, got String with value “true“.
励志成为会前后端、运维、云服务、嵌入式开发、AI和自动化技术的创业小老板！
11-30 4132
原因是，vue中对于属性值是data中数据或者是boolean类型的时候，属性前面需要加上冒号。#### 2.正确写法（多加个冒号即可）：```html
lua string.fromat
WonderChaos的博客
11-09 1294
lua里format打印boolean类型，如果使用了%s或%d会报如下错误：bad argument #2 to ‘format’ (string expected, got boolean) 解决方法：查了如下，把boolean转换成string再打印。 https://stackoverflow.com/questions/46056455/bad-argument-3-to-format-string-expected-got-boolean You need to manually evalua
❤ JavaScript 函数
林太白
09-28 2443
❤ JavaScript 函数 获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义（而非从对象的原型继承）的描述符。
ElementUi中NavMenu 导航菜单router用法
不会有人真的学前端吧
07-28 7792
ElementUi中NavMenu 导航菜单router用法 问题引出 写页面中遇到需要写NavMenu 导航菜单,作为菜鸟按照Element官方的NavMenu 导航菜单用法,传统式使用在data声明一个activeIndex作为跳转的首页,当我点击NavMenu 导航菜单到一个子路由页面(此时导航上跳转子路由的文字高亮)再点击刷新时,导航页面上的字高亮显示的是我默认的页面 展示 这是默认的页面,默认"打单管理"文字高亮 这是点击了设置之后,路由跳转,此时"设置"文字高亮 点击刷新后,路由没跳转,但
vue实例：element-ui导航栏通过vue-router配置多级导航菜单
duansamve的博客
04-22 1万+
{ path:'/home', component:Home, name:'导航一', iconCls: 'el-icon-menu', children: [ { path: '/table', component: table, name: '表格'}, { path: '/carousel', component: elC...
Vue+Element UI 实现表格动态增删改功能
Vue+Element实现的表格操作功能充分利用了Vue的数据绑定和组件化特性，结合Element UI的便捷组件，使得开发这样的功能既高效又直观。开发者可以根据实际需求扩展这些基础功能，例如添加排序、过滤、分页等高级特性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值