elementui下拉菜单套表格

在 Element UI 中，可以使用下拉菜单来嵌套表格。下面是一个示例代码：

<template>
  <div>
    <el-dropdown @command="handleCommand">
      <span class="el-dropdown-link">
        下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="1">选项1</el-dropdown-item>
        <el-dropdown-item command="2">选项2</el-dropdown-item>
        <el-dropdown-item command="3">选项3</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>

    <el-table :data="tableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京' },
        { name: '李四', age: 20, address: '上海' },
        { name: '王五', age: 22, address: '广州' }
      ]
    };
  },
  methods: {
    handleCommand(command) {
      console.log('选中的命令：', command);
      // 根据选中的命令做相应的处理
    }
  }
};
</script>

这段代码中，我们使用 `el-dropdown` 和 `el-table` 组件来实现下拉菜单和表格的嵌套。在下拉菜单中，我们使用 `el-dropdown-menu` 组件来定义下拉菜单的内容，通过 `el-dropdown-item` 组件来定义选项。当选择一个选项时，可以通过 `@command` 事件来获取选中的命令，然后根据选择的命令执行相应的处理逻辑。

请注意，这只是一个简单的示例。根据你的实际需求，你可能需要进一步定制和调整代码。