jeecgboot配置子菜单,点击子菜单不跳转路由

jeecgboot配置子菜单,点击子菜单不跳转路由

img


想要配置二级菜单,上面是我配置的二级菜单,添加权限后左侧也显示出来了,但是点击不会跳转路由,没有反应;
我就在自带的菜单管理中加了一个菜单(下面框住的),点击能够正常跳转,
不知道是什么导致了不能跳转

简单通俗的说就是,你配置了二级菜单,数据库是记录的了,但是你vue代码中没有设置对应映射路由,所以即便你子菜单出来,也不会跳转。

可能是因为路由配置问题导致的。

要配置JeecgBoot子菜单并使其正常跳转,需要在JeecgBoot的菜单配置中指定路由路径,并在路由配置文件中定义该路径。

例如,假设希望添加一个名为"子菜单"的子菜单,并将其路由到一个名为"子菜单页面"的组件,可以在菜单配置中添加以下内容:

{
  path: '/submenu',
  component: 'Layout',
  redirect: '/submenu/page',
  children: [
    {
      path: 'page',
      component: 'submenu/page',
      name: '子菜单页面',
      meta: { title: '子菜单页面', icon: 'documentation', affix: true }
    }
  ]
}

然后,需要在路由配置文件中定义这个路径,例如:

import SubmenuPage from '@/views/submenu/page.vue'

const routes = [
  {
    path: '/submenu/page',
    component: SubmenuPage,
    name: '子菜单页面',
    meta: { title: '子菜单页面', icon: 'documentation', affix: true }
  }
]

这样,当用户点击"子菜单"子菜单时,将会跳转到名为"子菜单页面"的组件。