设置菜单路由时,代码如下:
{ path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList', component: () => import('@/views/materieluse/materielList'), name: 'icons', meta: { title: '请料管理' } }, { path: 'itemDbList', component: () => import('@/views/materieluse/itemDbList'), name: 'icons', meta: { title: '项目仓库' } }] },
面板中的对应标签失效,经查资料,得知:name: "router-name"; //设定路由的名字,一定要填写不然使用<keep-alive>时会出现各种问题,同时noCache: true 设置了也会失效
因此正确代码如下:
{ path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList', component: () => import('@/views/materieluse/materielList'), name: 'materielList', meta: { title: '请料管理' } }, { path: 'itemDbList', component: () => import('@/views/materieluse/itemDbList'), name: 'itemDbList', meta: { title: '项目仓库' } }] },
以上这篇就是关于vue-element-admin 菜单标签失效的解决方式
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!