elementUI右键事件

ElementUI 提供了一个 `el-dropdown` 组件，可以轻松实现右键菜单的功能。你可以在需要右键菜单的地方使用 `el-dropdown` 组件，并在 `el-dropdown` 上添加 `@contextmenu` 事件监听器来触发右键菜单的显示。下面是一个简单的示例：

<template>
  <div @contextmenu.prevent>
    <el-dropdown @contextmenu.native>
      <span class="el-dropdown-link">右键我</span>
      <el-dropdown-menu>
        <el-dropdown-item>菜单项一</el-dropdown-item>
        <el-dropdown-item>菜单项二</el-dropdown-item>
        <el-dropdown-item>菜单项三</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  methods: {
    handleContextMenu(event) {
      event.preventDefault();
      this.$refs.dropdown.showPopper = true;
    },
  },
};
</script>

在上面的示例中，我们在 `div` 上添加了 `@contextmenu.prevent` 事件监听器来阻止默认的右键菜单弹出。然后在 `el-dropdown` 上添加了 `@contextmenu.native` 事件监听器来监听右键事件，并在方法中调用 `showPopper` 属性来显示右键菜单。注意，这里需要使用 `$refs` 来获取 `el-dropdown` 组件的引用。