vue实现element-table的批量删除

       <el-table
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        class="table"
        stripe
        @selection-change="selsChange >
        
        <el-table-column type="selection" width="55" align="center"></el-table-column>
        
        </el-table>

 data() {
    return {
      tableData: [], //表格数据
      ids: [] //批量删除的ID
    };
  },

 //获取表格多选框
    selsChange(sels) {
      this.ids = sels.map(item => item.id).join();//获取的是 1,2,3 这种格式
      console.log(this.ids);
    },
    //批量删除
    async delall() {
      console.log(this.ids);
      const { data: res } = await this.$http.delete(
        `url/${this.ids}`  //url是你对接后台的接口地址
      );
      this.reload(); //页面刷新功能
    },

重点：
&#