用element制作右键多级菜单

在 Element 中实现右键多级菜单可以使用 `el-dropdown` 和 `el-dropdown-menu` 组件。下面是一个简单的示例：

<el-dropdown @command="handleCommand">
  <span class="el-dropdown-link">右键点击我</span>
  <el-dropdown-menu>
    <el-dropdown-item command="item1">一级菜单1</el-dropdown-item>
    <el-dropdown-item command="item2">一级菜单2</el-dropdown-item>
    <el-dropdown-item>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="item3-1">二级菜单1</el-dropdown-item>
        <el-dropdown-item command="item3-2">二级菜单2</el-dropdown-item>
      </el-dropdown-menu>
      <span>一级菜单3</span>
    </el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

在 `el-dropdown` 组件中，通过 `@command` 监听菜单项点击事件，并将点击的菜单项的 `command` 属性传递给 `handleCommand` 方法进行处理。

在 `el-dropdown-menu` 组件中，使用 `slot="dropdown"` 来指定需要作为下拉菜单的子菜单。通过嵌套 `el-dropdown-menu` 组件可以实现多级菜单。

需要注意的是，如果菜单项有子菜单，应该将其包装在一个无需 `command` 属性的 `el-dropdown-item` 组件中。这个组件会自动渲染成一个带有下拉箭头的菜单项，并在点击时展开子菜单。