elementui的el-menu组件,点击菜单进行路由跳转问题

一开始,我这样切换都没有问题

点击图标进入图标页面

clipboard.png

点击富文本编辑器,进入富文本编辑器页面

clipboard.png

现在的菜单配置跟路由配置是这样的:

clipboard.png

clipboard.png

接下来问题来了
我把菜单配置跟路由配置改成以下这样:

clipboard.png

clipboard.png

其实就是多加了一层components而已,就是为了归类清晰一点。这样改完后,我第一次点击图标菜单,ok,没有问题,照样可以路由到图标页面,再点击富文本编辑器,也没有问题,就是路径发生了变化,看图:

clipboard.png

是预想的结果,路径多了一层components了,这时候当我再点击图标菜单时,就出现下面这样了,

clipboard.png

我并没有改图标页面的菜单配置跟路由配置,不知道为什么也会自动加上components,导致页面访问不到。

接触vue不久,对路由理解不深,希望各位大神知道问题的指点迷津啊,感激不尽~~~

阅读 29.5k
2 个回答

因为你的菜单配置的index设置为 'icons',所以跳转会在当前的父路径下跳转,而不是在根路径跳转。应该改成 /icons

{
    index: '/icons',
    title: '图标'
}

我也做了一个后台管理系统,可以交流哦:vue-manage-system

上楼的答案是正解

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏