在vue-element-admin基础上开发;
诉求为:编辑菜单,不在左侧菜单栏显示,但是跳转到编辑页面;
示例如下:
在src/router/index.js
{
path: '/project',
component: Layout,
redirect: '/project/table',
name: 'Project',
meta: { title: '项目管理', icon: 'el-icon-s-help' },
children: [
{
path: 'project_list',
name: 'project_list',
component: () => import('@/views/project/project_list/index'),
meta: { title: '项目列表', icon: 'table' }
},
{
path: 'create_project',
name: 'create_project',
component: () => import('@/views/project/create_project/index'),
meta: { title: '新建项目', icon: 'form' }
},
{
path: 'update_project',
name: 'update_project',
component: () => import('@/views/project/create_project/index'),
meta: { title: '编辑项目', icon: 'form' },
hidden: true
}
]
},
核心:hidden: true
,隐藏配置为true
编辑按钮跳转
edit(arg){
this.$router.push({
path:'/project/update_project',
query:{
id: arg
}
})
},