前端:添加新的菜单和页面

如何实现,点击左侧导航栏,进入设置的页面。只需三步,展示效果如下:

1. 新建一个页面

2. 在index.js中添加上述所增页面的路由

{ path: 'user', name: 'User', component: () => import('../views/manager/User') },

3. 在主页面manager.vue中添加一个菜单

<!--          <el-submenu>二级菜单-->
<el-submenu index="info">
  <template slot="title">
    <i class="el-icon-house"></i>
    <span> 信息管理</span>
  </template>
  <el-menu-item index="/user">用户信息</el-menu-item>
</el-submenu>