el-menu实现多级菜单效果

要实现多级菜单效果，可以使用 `el-menu` 组件配合 `el-submenu` 组件来实现。下面是一个简单的示例代码：

<template>
  <el-menu default-active="1" class="el-menu-demo" mode="horizontal">
    <el-submenu index="1">
      <template slot="title">一级菜单</template>
      <el-menu-item-group title="二级菜单">
        <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-submenu index="1-3">
        <template slot="title">二级菜单</template>
        <el-menu-item-group title="三级菜单">
          <el-menu-item index="1-3-1">选项1</el-menu-item>
          <el-menu-item index="1-3-2">选项2</el-menu-item>
        </el-menu-item-group>
        <el-submenu index="1-3-3">
          <template slot="title">三级菜单</template>
          <el-menu-item index="1-3-3-1">选项1</el-menu-item>
          <el-menu-item index="1-3-3-2">选项2</el-menu-item>
        </el-submenu>
      </el-submenu>
    </el-submenu>
    <el-menu-item index="2">一级菜单 2</el-menu-item>
    <el-menu-item index="3">一级菜单 3</el-menu-item>
  </el-menu>
</template>

在这个示例中，使用了 `el-menu` 组件来创建菜单，`el-submenu` 组件用于创建多级子菜单。通过设置 `index` 属性来确定每个菜单项的唯一标识，`default-active` 属性可以设置默认选中的菜单项。

你可以根据自己的需求对菜单进行扩展和样式调整。详细的配置选项和使用方法可以参考 Element UI 的官方文档。