VUE：前端table表格如何向后端传递所有选中行数据

前提：纯Vue架构中。
前端table表格在多选情况下，传递所有选中行数据到后端，这种情况怎么实现呢
希望能和框架搭配详细说明

1.定义数组：ids
2.定义函数：

// 多选
    selectionChangeHandle(val) {
      this.ids = val
    },

3.表格定义change事件：

 @selection-change="selectionChangeHandle"

这就很简单了呢；element-ui上面的案例已经很清晰的说明了；
在表格多选之后有个 @selection-change 属性 可以设置方法，案例如下

<el-table
                        :data="tableConfig.tableData"
                        style="width: 100%"
                        border
                        @selection-change="handletableSelect"
                >
                    <el-table-column type="selection" width="55"/>
                    <el-table-column type="index" width="50" label="序号"/>
                    <el-table-column
                            v-for="(item,index) in tableConfig.tableHead"
                            :key="index"
                            sortable
                            :prop="item.prop"
                            :label="item.label"/>
                    <el-table-column  width="240" label="操作">
                        <template>
                            <div class="column-buttom">编辑</div>
                            <div class="column-buttom">历史通话明细</div>
                            <div class="column-buttom">拨打</div>
                        </template>
                    </el-table-column>

                </el-table>


            handletableSelect(val) {
                console.log(val);
                this.checkTabelData = val
            }

获取得到的所有选择行数据是一个数组，具体怎么传后台，还需要看后台的接收方式

img