element-ui Navbar使用小结

左侧导航

NavMenu 导航菜单

el-menu:整体菜单组件

• unique-opened：是否在同一时间只保留一个菜单项的展开
• router：是否使用 vue-router 的模式，启用该模式会在激活导航时以el-menu-item的 index 作为 path 进行路由跳转
• default-active：默认被展开的菜单项，它 的值为el-menu-item的index
• default-openeds:当前需要展开的菜单项

el-submenu：一级菜单项

• index:当前一级菜单项的唯一标识，如果相同则会导航 同时展示和收起

el-menu-item：二级菜单项

• index:当前二级菜单项的唯一标识，如果相同会导航同时添加样式或移除样式

el-menu-item-group：分组

<el-aside width="200px">
    <el-menu default-active="2-2"
             class="el-menu-vertical-demo"
             background-color="#545c64"
             text-color="#fff"
             active-text-color="#ffd04b"
             :unique-opened='true'>
        <el-submenu index="1">
            <template slot