elmentui菜单表的路由跳转

在初次构建项目时,作者遇到了菜单列表点击无法正确跳转到对应页面的问题。通过检查和调试,发现解决方案在于ElementUI菜单中需设置正确的`index`属性,并在`router/index.js`中配置路由。同时,确保组件内设置了`router=true`以启用路由跳转。
摘要由CSDN通过智能技术生成

elmentui菜单表的路由跳转

问题

第一次自己动手写一个完整的项目,遇到的大大小小的问题不少。打算在这里记录一下。方便日后自己回顾。
这次是因为我前面的工作都做好后,打算开一步步实现功能后,发现我点击我自己写的菜单列表,不仅没有跳到应该去的页面,并且我的console也毫无反应。于是我就开始找问题了。
在这里插入图片描述之前是跳不过去的,这是我解决之后的截图

解决方法

首先在左侧栏中的中需要添加的东西

:default-active="this.$route.path"   用来绑定路由表
 router="true"  

在这里插入图片描述
在中index必不可少。这里的index的值只需要不一样即可

而在中的index就是我们要跳的路由
在这里插入图片描述

后来我发现我的错误是因为我没有写router=true。

整个路由跳转

router/index.js中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值