element 表格 选择多条数据后怎么赋值到当前行的下面 用vue代码实现

假设你使用了 Vue 框架，同时也使用了 Element UI 中的表格组件，可以通过以下代码实现将选中的数据插入到当前行的下面：

<template>
  <div>
    <el-table
      :data="tableData"
      ref="table"
      @selection-change="handleSelectionChange"
    >
      <!-- 省略表格列定义 -->
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text" @click="insertSelectedRows(scope.row)">
            插入选中行
          </el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      selectedRows: [] // 保存选中的行数据
    };
  },
  methods: {
    handleSelectionChange(selection) {
      // 保存选中的行数据
      this.selectedRows = selection;
    },
    insertSelectedRows(row) {
      const table = this.$refs.table.$el;
      const rowIndex = row.$index;

      // 遍历选中的行数据，逐个插入到当前行的下面
      this.selectedRows.forEach(selectedRow => {
        const newRow = table.insertRow(rowIndex + 1);
        // 将选中的数据赋值给新插入的行
        newRow.cells[0].innerHTML = selectedRow.column1;
        newRow.cells[1].innerHTML = selectedRow.column2;
        // ...
        rowIndex++;
      });
    }
  }
};
</script>

其中，`handleSelectionChange` 方法用于监听表格的选中状态，将选中的行数据保存到 `selectedRows` 数组中。`insertSelectedRows` 方法用于插入选中的行数据到当前行的下面，需要传入当前行的数据作为参数。另外，在插入行数据时，需要通过 `$refs` 属性获取到表格的 DOM 元素，通过 `$index` 属性获取当前行的索引。需要根据实际情况修改代码中的表格数据、列定义和行数据的获取方式。