elementui三级下拉菜单

Element UI 的下拉菜单组件支持二级菜单，如果需要三级下拉菜单，可以通过嵌套使用多个下拉菜单组件来实现。具体步骤如下：

1. 创建一个一级菜单，并添加一个子菜单。
2. 将子菜单的 trigger 属性设置为 hover，这样当鼠标悬停在一级菜单上时，子菜单就会显示出来。
3. 在子菜单中再添加一个下拉菜单组件，作为二级菜单。
4. 重复以上步骤，将二级菜单中的子菜单的 trigger 属性设置为 hover，添加第三级下拉菜单。

示例代码如下：

<template>
  <el-menu>
    <el-submenu index="1">
      <template slot="title">一级菜单</template>
      <el-menu-item index="1-1">菜单项一</el-menu-item>
      <el-submenu index="1-2" v-show-timeout="200">
        <template slot="title">二级菜单</template>
        <el-menu-item index="1-2-1">菜单项一</el-menu-item>
        <el-submenu index="1-2-2" v-show-timeout="200">
          <template slot="title">三级菜单</template>
          <el-menu-item index="1-2-2-1">菜单项一</el-menu-item>
          <el-menu-item index="1-2-2-2">菜单项二</el-menu-item>
        </el-submenu>
      </el-submenu>
    </el-submenu>
  </el-menu>
</template>

在上面的示例中，我们创建了一个一级菜单，并添加了一个子菜单。子菜单中又添加了一个下拉菜单组件作为二级菜单。在二级菜单中再添加一个子菜单，作为三级菜单。

需要注意的是，在菜单组件中，子菜单的 trigger 属性默认为 click，需要手动将其设置为 hover，才能实现鼠标悬浮显示子菜单的效果。