elementui导航栏

好的，针对您的问题，ElementUI提供了NavMenu和Navbar两种导航栏组件，其中NavMenu适用于侧边栏导航，Navbar适用于顶部导航栏。您可以根据自己的需求选择使用。

NavMenu组件的使用方法如下：

1. 引入NavMenu组件

import { Menu } from 'element-ui';

2. 在template中使用NavMenu组件

<el-menu>
  <el-submenu index="1">
    <template slot="title">导航一</template>
    <el-menu-item-group>
      <template slot="title">分组一</template>
      <el-menu-item index="1-1">选项1</el-menu-item>
      <el-menu-item index="1-2">选项2</el-menu-item>
    </el-menu-item-group>
    <el-menu-item-group title="分组2">
      <el-menu-item index="1-3">选项3</el-menu-item>
    </el-menu-item-group>
    <el-submenu index="1-4">
      <template slot="title">选项4</template>
      <el-menu-item index="1-4-1">选项4-1</el-menu-item>
    </el-submenu>
  </el-submenu>
  <el-menu-item index="2">导航二</el-menu-item>
  <el-menu-item index="3">导航三</el-menu-item>
</el-menu>

Navbar组件的使用方法如下：

1. 引入Navbar组件

import { Navbar, Submenu, MenuItem } from 'element-ui';

2. 在template中使用Navbar组件

<el-navbar>
  <el-submenu index="1">
    <template slot="title">导航一</template>
    <el-menu-item index="1-1">选项1</el-menu-item>
    <el-menu-item index="1-2">选项2</el-menu-item>
    <el-menu-item index="1-3">选项3</el-menu-item>
  </el-submenu>
  <el-menu-item index="2">导航二</el-menu-item>
  <el-menu-item index="3">导航三</el-menu-item>
</el-navbar>