用element制作右键多级菜单，鼠标悬停时在侧面展开下级菜单

可以使用 Element UI 中的 Dropdown 组件来实现右键多级菜单，并且可以设置鼠标悬停时在侧面展开下级菜单。

具体步骤如下：

1. 在需要展示右键菜单的元素上绑定上 `contextmenu` 事件，如：

<template>
  <div @contextmenu.prevent="showDropdown">
    ...
  </div>
</template>

2. 在事件处理函数中调用 `showDropdown` 方法来展示 Dropdown 组件，如：

methods: {
  showDropdown(event) {
    event.preventDefault()
    this.$refs.dropdown.show(event)
  }
}

3. 在组件中使用 Dropdown 组件，并设置 `trigger` 为 `hover`，如：

<el-dropdown ref="dropdown" trigger="hover">
  ...
</el-dropdown>

4. 在 Dropdown 组件中嵌套 el-dropdown-menu 组件来实现多级菜单，如：

<el-dropdown ref="dropdown" trigger="hover">
  <span class="el-dropdown-link">右键菜单</span>
  <el-dropdown-menu>
    <el-dropdown-item>菜单项1</el-dropdown-item>
    <el-dropdown-item>菜单项2</el-dropdown-item>
    <el-dropdown-item>
      <el-dropdown>
        <span class="el-dropdown-link">下级菜单</span>
        <el-dropdown-menu>
          <el-dropdown-item>下级菜单项1</el-dropdown-item>
          <el-dropdown-item>下级菜单项2</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

这样就可以实现右键多级菜单，并且在鼠标悬停时在侧面展开下级菜单了。