解决点击页面跳转导致路径叠加，无法显示的问题

用Vue+element-ui 开发后台页面菜单的时候，会遇到点击路由能显示，但是在这个基础上再点击下一个页面的时候，不能正常显示，然后看链接，发现她们的path部分叠加在一起了。

        {
          path: 'ccode',
          component: () => import('../components/ccode')
        },
        {
          path: 'notice',
          component: () => import('../views/Science/notice')
        },

为了解决这个问题，

        {
          path: '/ccode',
          component: () => import('../components/ccode')
        },
        {
          path: '/notice',
          component: () => import('../views/Science/notice')
        },

在这个基础 在路径最前边加 ‘/’

这个放在标签里面的路由也适用，注意添加‘/’

 <el-menu-item-group>
     <el-menu-item index="/role">角色列表</el-menu-item>
     <el-menu-item index="/jurisdiction">权限列表</el-menu-item>
 </el-menu-item-group>