vue-element-admin 菜单标签失效的解决方式
时间：2021-04-29 10:56:20|栏目：vue|点击： 次
设置菜单路由时，代码如下：
{
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: '项目仓库' }
}]
},
上一篇：解决VUEX兼容IE上的报错问题
栏 目：vue
下一篇：详解Vue 开发模式下跨域问题
本文标题：vue-element-admin 菜单标签失效的解决方式
本文地址：http://www.codeinn.net/misctech/111060.html
