element二级菜单

element二级菜单的实现可以通过使用`router-view`来进行组件页面跳转，并进行两次嵌套的路由跳转。在`index.vue`文件中，可以使用以下代码实现：

<template>
  <div>
    <!-- 一级菜单下面所拥有的二级菜单 -->
    <el-aside>
      <SideMenu :itemList='itemList'></SideMenu>
    </el-aside>
    <!-- 以及二级菜单所对应的页面 -->
    <el-main>
      <router-view></router-view>
    </el-main>
  </div>
</template>

<script>
import SideMenu from '@/components/sidemenu/SideMenu';

export default {
  components: {
    SideMenu
  },
  data() {
    return {
      itemList: \[
        { path: 'test1-1', title: '二级菜单1-1' },
        { path: 'test1-2', title: '二级菜单1-2' },
        { path: 'test1-3', title: '二级菜单1-3' },
        { path: 'test1-4', title: '二级菜单1-4' },
        { path: 'test1-5', title: '二级菜单1-5' }
      \]
    }
  }
}
</script>

以上代码中，`SideMenu`组件是二级菜单的组件，通过`itemList`属性传递菜单项的数据。在`el-main`中使用`router-view`来展示对应的二级菜单页面。这样就可以实现element二级菜单的功能。\[1\]
#### 引用[.reference_title]
- *1* [Vue + ElementUI 后台管理系统实现顶部一级菜单栏，左侧二级菜单栏](https://blog.csdn.net/weixin_41856395/article/details/110441057)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue element el-Cascader 级联选择器 收起二级菜单的问题解决办法详解](https://blog.csdn.net/qq_36410795/article/details/101012869)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]