Elementui NavMenu 导航菜单使用

官方文档https://element.eleme.cn/#/zh-CN/component/menu

官方使用

  处理中心
  
    
    选项1
    选项2
    选项3
    
      
      选项1
      选项2
      选项3
    
  
  消息中心
  订单管理

项目实例

• 使用 进行路由跳转，实现在外层写导航，点击导航跳转不同页面。

• router属性：启用该模式会在激活导航时以 index 作为 path 进行路由跳转
  

路由配置：

js文件
export default [
 {
    path: '/policyStoreIndex',
    name: '政策计算器导航页',
    redirect: '/policyjisuan',
    component: () =>
      import(/* webpackChunkName: "page" */ '@/views/home/policyStoreIndex'),
    meta: {
      keepAlive: true,
      isTab: false,
      isAuth: false
    },
    children: [
    {
      path: '/searchP',
      name: '检索',
      component: () =>
        import(/* webpackChunkName: "page" */ '@/views/home/policyStoreNew/searchP'),
      meta: {
        keepAlive: true,
        isTab: false,
        isAuth: false
      }
    }]
   }
 ]   
 
      

导航下面为每个页面不同的内容（省略）