el-table右键行出现el-dropdown

要在 el-table 中实现右键行出现 el-dropdown 下拉菜单，你可以按照以下步骤进行操作：

1. 在 el-table 中的每一行添加一个自定义的右键菜单触发事件。可以使用 el-row 的 @contextmenu 事件来实现这一点。例如：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name"></el-table-column>
  <el-table-column label="年龄" prop="age"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-row @contextmenu.native.prevent="handleContextMenu(scope.row)">
        <el-button type="text">右键菜单</el-button>
      </el-row>
    </template>
  </el-table-column>
</el-table>

请注意，这里使用了 `@contextmenu.native.prevent` 来阻止默认的右键菜单事件，并调用 `handleContextMenu` 方法。

2. 在 Vue 组件的 methods 中定义 handleContextMenu 方法来处理右键菜单事件。该方法将接收当前行的数据对象作为参数。你可以在该方法中打开 el-dropdown，并根据需要添加下拉菜单项。例如：

<template>
  <div>
    <el-dropdown ref="dropdown" trigger="contextmenu">
      <span class="el-dropdown-link">
        右键菜单<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>操作1</el-dropdown-item>
        <el-dropdown-item>操作2</el-dropdown-item>
        <el-dropdown-item>操作3</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  methods: {
    handleContextMenu(row) {
      // 在这里打开 el-dropdown
      this.$refs.dropdown.$refs.reference.$el.click();
    }
  }
}
</script>

在这个示例中，我们使用了 `el-dropdown` 组件来创建下拉菜单，并在 `handleContextMenu` 方法中通过点击 el-dropdown 的引用元素来打开下拉菜单。

这样，当用户在 el-table 中的某一行上右键点击时，就会触发 `handleContextMenu` 方法，并打开 el-dropdown 下拉菜单。你可以根据需要在 `el-dropdown-menu` 中添加自定义的下拉菜单项。