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

如果需要批量赋值，可以将选中的多条数据作为一个整体插入到当前行的下面。可以通过以下代码实现：

<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;

      // 插入多行数据
      const fragment = document.createDocumentFragment();
      this.selectedRows.forEach(selectedRow => {
        const newRow = document.createElement("tr");
        // 将选中的数据赋值给新插入的行
        newRow.innerHTML = `
          <td>${selectedRow.column1}</td>
          <td>${selectedRow.column2}</td>
          <!-- ... -->
        `;
        fragment.appendChild(newRow);
      });
      table.tBodies[0].insertBefore(fragment, table.rows[rowIndex + 1]);
    }
  }
};
</script>

其中，`insertSelectedRows` 方法将选中的多条数据作为一个整体插入到当前行的下面，需要将多条数据组装成一个文档片段，然后插入到表格中。使用 `document.createDocumentFragment()` 创建文档片段，通过 `document.createElement("tr")` 创建新的行元素，将选中的数据赋值给新的行元素，最后通过 `appendChild` 方法将新的行元素添加到文档片段中。需要根据实际情况修改代码中的表格数据、列定义和行数据的获取方式。