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

最新推荐文章于 2023-09-19 15:41:43 发布
最新推荐文章于 2023-09-19 15:41:43 发布
阅读量7.5k 收藏 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
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+element-ui实现表格编辑的三种实现方式
10-17
主要介绍了vue+element-ui实现表格编辑的三种实现方式，主要有表格内部显示和编辑切换，通过弹出另外一个表格编辑和直接通过样式控制三种方式，感兴趣的小伙伴们可以参考一下
在vue+element ui框架里实现lodash的debounce防抖
10-16
今天小编就为大家分享一篇在vue+element ui框架里实现lodash的debounce防抖，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
el-admin-web CRUD.js [Vue warn]:Expected String, Number, got Boolean with value false.
konnysnow的专栏
02-11 2020
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 --
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
10-17
主要介绍了VUE+Element UI实现简单的表格行内编辑效果的示例的代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-router] missing param for named route “search“: Expected “keyword“ to match “[^\/]+?“
最新发布
xiandangdidi的博客
09-19 74
只需要在后面加入undefined就可以了。
react 引入依赖react-router-dom报错
m0_68697656的博客
07-27 151
react 引入依赖react-router-dom报错
[vue-router] missing param for named route “search“: Expected “keyword“ to be defined
m0_52410816的博客
04-02 1243
missing param for named route "search": Expected "keyword" to be defined
element ui menu-item 关联 router
liubangbo的专栏
07-01 2086
在navMenu 导航菜单中科院el-menu组件设置router属性，官方文档有一下描述：false比较方便，设置此属性后，激活左侧项就能自动跳转到相应的子路由页面。代码如下： path如下所示： 刚开始页面路由如下 http://localhost:8085/smart-park/asset/index 当切换到device菜单时，没有跳转到相应device子路由页面，页面路径如下http://localhost:8085/smart-park/asset/device/index怎么会这样呢？
通过element-ui中menu和router的绑定，实现页面跳转
热门推荐
gao_jun1的博客
09-05 1万+
一、项目描述 通过Vue创建了一个前端项目，项目中导入了element-ui组件，项目中我创建了四个独立的vue界面（分别是：PageOne.vue、PageTwo.vue、PageThree.vue、PageFour.vue）；其次，使用element-ui创建了两个导航栏（其中包含四个页面：页面1、页面2、页面3、页面4）。需要实现的功能为：点击页面1、2、3、4，实现PageOne.vue到PageFour.vue的跳转。 项目结构如下： 二、通过menu和router的绑定实现上述功能 .
el-menu动态加载路由，菜单的解决方案
lc257的博客
11-21 6855
动态从数据库加载路由，菜单
Vue—常见报错信息
m0_37616866的博客
07-20 2954
vue 常见报错信息
Vue提示 Expected Boolean, got String
chen16432的博客
04-03 7869
Vue提示 Expected Boolean, got String 提示错误为type check failed for prop “XXX”. Expected Boolean, got String. 既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。 很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。 解决方法就是在“XXX”这个属性前面加上“ : ”即可 原因解释...
vue element-ui实现动态面包屑导航
10-15
主要为大家详细介绍了vue element-ui实现动态面包屑导航，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue结合element-ui使用示例
10-17
一篇主要是创建一个vue项目并结合饿了么框架element-ui的文章。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue文件配置全局变量
程序员
08-31 1万+
在vue文件里配置所需的全局变量，然后通过export暴露出去。 如Global.vue<script type="text/javascript"> const serverPath="http://127.0.0.1:8080"; export default{ serverPath } </script> 在main.js引入,将global接口放到prototype，这
Vue集成Markdown插件
程序员
09-05 5517
目前发现的Markdown插件有vue-markdown和mavon-editor,这里选择mavon-editor 引入依赖: 带Markdown编辑器的组件<template> <div id="editor"> <mavon-editor style="height: 100%"></mavon-editor> </div> </template> <script> i
谷歌调试axios异步请求XMLHttpRequest cannot load http问题解决
程序员
08-31 4284
谷歌浏览器调试axios异步请求出现XMLHttpRequest cannot load http… 首先需要关闭谷歌浏览器的所有窗口 右击谷歌浏览器图标——>属性。弹出属性对话框。在目标栏最后添加 –args –disable-web-security –user-data-dir 配完重启chrome
Webpack、Vue、Element UI基础工程构建
程序员
07-23 684
npm安装webpack,用于将工程的js、css、png等文件打包 安装vue-cli脚手架,如果没装成功,可能npm版本太低 跑完用vue -V查看Vue是否成功全局引入，注意这里的用大写的V 有了这两个就可以构建基本工程，这里将工程命名为lindl-blog-web 将下载好的工程导入idea,如果本地启动的服务太多，避免冲突，可以修改config下的index.js修
系统采用VUE框架结合Element UI组件实现查询表单
07-15
你可以使用Vue框架结合Element UI组件来实现查询表单。Vue是一个用于构建用户界面的渐进式JavaScript框架，而Element UI是一个基于Vue的组件库，提供了丰富的UI组件和样式。 首先，你需要安装Vue和Element UI。可以...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值