问题背景

管理系统使用 vue-admin-template 的基础上进行二次开发，该框架模板封装了一些对vue的一些操作，比如

• 添加路由就自动添加到侧边栏
• 提供权限管理
• 等等…..

问题描述

有一个功能需要单独一个组件使用，这个组件需要添加到路由里面。因为这个框架做了预设，只要是添加到了路由表就自动渲染到侧边菜单栏，但是这个组件我并不希望添加到菜单栏里面。

问题分析

因为这个框架是别人封装好的，而不是官方框架，所以使用这个框架所出现的一些问题，可以去到该框架的github仓库的issue看看，有没有其他人与我一样遇到过这类问题；或者看作者有没有提供使用手册

解决方法

访问该框架的github仓库，作者在 README.md 文件中就写出该框架的实战教程。找到该框架的 template 版本部分，查阅过后就发现在添加路由信息的时候可以添加一个参数 hidden 来实现不添加到菜单栏

1
2
3
4
5
6
7
8
9
10
11
12
13

{

	path: 'configDetails/:dataId/:group',

	component: ()=> import('@/views/config/components/configDetails'),

	name: 'ConfigDetails',

	hidden: true,

	meta: { title: '配置详情', },

},

以上