elemenui的table点击全选框时弹出下拉菜单

对于elemenui的table组件，点击全选框弹出下拉菜单需要进行如下操作：

1. 在table组件中添加一个slot插槽，用于渲染全选框。

2. 在全选框中绑定一个点击事件，当点击全选框时触发该事件。

3. 在点击事件中调用elemenui的下拉菜单组件，将下拉菜单组件的内容设置为需要展示的选项列表。

4. 在下拉菜单组件中为每个选项绑定一个点击事件，当点击选项时触发该事件。

5. 在选项的点击事件中更新table的选中状态，即将选中的行数据添加到一个数组中。

6. 在table组件中监听选中状态的变化，更新全选框的状态。

例如，以下是一个简单的实现：

<template>
  <el-table :data="tableData" @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55">
      <template slot-scope="scope">
        <el-checkbox v-model="scope.row.selected" @click.stop.prevent="handleCheckboxClick(scope.row)"></el-checkbox>
      </template>
    </el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, selected: false },
        { name: '李四', age: 20, selected: false },
        { name: '王五', age: 22, selected: false }
      ],
      selectedRows: [],
      dropdownVisible: false,
      dropdownOptions: [
        { label: '删除选中项', value: 'delete' },
        { label: '导出选中项', value: 'export' }
      ]
    };
  },
  methods: {
    handleCheckboxClick(row) {
      this.selectedRows = this.tableData.filter(item => item.selected);
      this.dropdownVisible = true;
    },
    handleOptionClick(value) {
      if (value === 'delete') {
        this.tableData = this.tableData.filter(item => !item.selected);
      } else if (value === 'export') {
        // 导出选中项的逻辑
      }
      this.selectedRows = [];
      this.dropdownVisible = false;
    },
    handleSelectionChange(selection) {
      this.selectedRows = selection;
      this.dropdownVisible = false;
    }
  }
};
</script>

在上面的代码中，我们在table的全选框中添加了一个点击事件`handleCheckboxClick`，当用户点击全选框时触发该事件。在事件中，我们获取当前选中的行数据，并将下拉菜单的显示状态设置为true。

在下拉菜单的选项中，我们为每个选项绑定了一个点击事件`handleOptionClick`，当用户点击选项时触发该事件。在事件中，我们根据选项的值执行相应的操作，比如删除选中项或导出选中项。然后清空选中的行数据，并将下拉菜单的显示状态设置为false。

最后，在table的selection-change事件中，我们监听选中状态的变化，并将选中的行数据保存到`selectedRows`数组中。同时将下拉菜单的显示状态设置为false。在全选框中，我们使用`selectedRows.length === tableData.length`来判断是否全选，从而更新全选框的状态。