element-plus el-dropdown 实现多级下拉菜单

element-plus 中的 el-dropdown 实现多级下拉菜单的方法如下：
1. 首先需要嵌套多个 el-dropdown-menu 组件，每个 el-dropdown-menu 代表一个下拉菜单的级别，同时需要为每个 el-dropdown-menu 设置唯一的 ref 标识。
2. 接着需要在每个 el-dropdown-menu 中定义需要展示的菜单项，使用 el-dropdown-item 组件实现。
3. 在每个 el-dropdown-menu 上添加 @command 事件监听，当菜单项被点击时，触发该事件，并将所选中的菜单项作为参数传递给事件处理函数。
4. 在事件处理函数中，判断当前点击的菜单项是否有子菜单需要展示，如果有，则通过 ref 获取对应的子菜单 el-dropdown-menu 组件，并使用其 show 方法显示该子菜单。

以下是示例代码：

<template>
  <el-dropdown>
    <span class="el-dropdown-link">多级下拉菜单</span>
    <el-dropdown-menu ref="menu1">
      <el-dropdown-item @command="handleCommand">选项1</el-dropdown-item>
      <el-dropdown-item @command="handleCommand">选项2</el-dropdown-item>
      <el-dropdown-item @command="handleCommand">选项3</el-dropdown-item>
      <el-dropdown-item @command="handleCommand">选项4</el-dropdown-item>
      <el-dropdown-item @command="handleCommand">选项5</el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  methods: {
    handleCommand(command) {
      if (command === '选项1') {
        const menu2 = this.$refs.menu2;
        menu2.show();
      } else if (command === '选项2') {
        // do something
      } else if (command === '选项3') {
        // do something
      } else if (command === '选项4') {
        // do something
      } else if (command === '选项5') {
        // do something
      }
    }
  }
}
</script>