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

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

点击图标进入图标页面

clipboard.png

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

clipboard.png

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

clipboard.png

clipboard.png

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

clipboard.png

clipboard.png

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

clipboard.png

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

clipboard.png

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

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

阅读 14.1k
评论
    2 个回答
    • 4.2k

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

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

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

      相似问题
      推荐文章