el-menu-item 跳转到路由上

el-menu-item 是 Element UI 中用于创建导航菜单的组件，它可以实现跳转到路由上的功能，具体操作如下：

1. 首先，需要在 Vue Router 中定义路由，例如：将路径为“/home”的路由与组件 Home 绑定

  const routes = [
    { path: '/home', component: Home }
  ]

2. 在 el-menu 中使用 el-menu-item，将它绑定到路由上，例如：

  <el-menu>
    <el-menu-item index="/home" route>
      <i class="el-icon-menu"></i>
      <span>首页</span>
    </el-menu-item>
  </el-menu>

其中，index 属性是菜单项的唯一标识，route 属性用于将菜单项设置为路由链接。

3. 在组件中，需要使用 router-link 组件来创建路由链接，例如：

  <router-link to="/home">返回首页</router-link>

这样，当用户点击 el-menu-item 中的“首页”菜单项时，就会跳转到路径为“/home”的路由，同时显示组件 Home。在组件中，使用 router-link 组件可以直接在页面中创建一个路由链接，为用户提供更加友好的体验。

总之，使用 el-menu-item 跳转到路由上可以实现页面导航的功能，同时结合 Vue Router 和 router-link 组件，使用户可以更加方便地浏览网站的不同页面。