Vue Element Admin 添加一级菜单与页面
1. 在 src/views/ 下创建文件夹，命名为你的模块名。下面以模块 user 为例，创建 src/views/user/ 文件夹。
注意：这样创建是为了保持与原有模块（菜单）一致性。
2. 因为我们只做一级菜单，src/views/user 下面创建 index.vue 即可，模板写好。
<script> 中 name 名字尽量与模块名（文件名一致，驼峰，首字母大写）。
3. 根据需要写好页面 index.vue。
4. 进入 src/router/index.js。
如果是匿名菜单，找到 constantRoutes 声明，并在最后追加 JS 对象进行路由配置。
即使是一级菜单，也需要一个子路由，子路由的路径一般是 index。
{
path: /user, // 父路由。一般定义为 /<模块名>；
component: Layout, // 具备一个 Layout 布局框架，其中通过子路由填充 route-view
redirect: /user/index, // 重定向。一般配置重定向到 /<模块名>/index；
children: [
{
path: index,
component: () => import(@/views/user/index), // 配置自己的组件路径 () => import(@/views/<模块名>/index)
name: User, // 模块名。首字母一般大写
meta: {
title: User, // 标题。显示在浏览器标签上
icon: user, // 图标名。会从 src/icons/svg/ 目录下找 <图标名>.svg 的图标
noCache: true // 不缓存
}
}
]
}
上一篇：
IDEA上Java项目控制台中文乱码