el-table在展开行添加操作列

在Element UI中的`el-table`组件中，如果你想要在展开的行里添加额外的操作列，你可以利用其内置的`expand-row`属性和自定义插槽功能。`expand-row`属性用于设置展开行的模板，而插槽`<template slot-scope="{row, $index, store, expandedRowsChange}">`允许你在每一行内插入自定义内容。

首先，你需要创建一个包含操作列的模板，例如添加一个按钮：

<template slot="expanded">
  <div>
    <span>展开行内容...</span>
    <button @click="handleOperation(row)">操作</button>
  </div>
</template>

然后在Vue实例中定义`handleOperation`方法，这个方法会在点击操作按钮时被调用，并传递当前展开行的数据：

export default {
  methods: {
    handleOperation(row) {
      // 这里可以根据row数据执行相应的操作，比如删除、编辑等
      console.log('操作', row);
    },
  }
}

记得在表格配置中启用展开行的功能，并设置`expand-row`属性指向我们刚才定义的模板：

<el-table :data="tableData" :expand-row="expandedRowKeys">
  <!-- 其他列定义... -->
  <el-table-column type="expand">
    <template slot-scope="scope">
      <!-- 上述自定义操作列模板 -->
    </template>
  </el-table-column>
</el-table>