vue实现element-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(); //页面刷新功能
    },

重点:
@selection-change="selsChange

附加:刷新功能的实现
在 app.vue里
vue实现element-table的批量删除_第1张图片
在要用的组件
vue实现element-table的批量删除_第2张图片

你可能感兴趣的:(笔记)