前端传list集合，后端接收

标签：val res 前端 list Response 接收 deleteIds publicjs

一、前端列表多选

<el-table
            ref="multipleTable"
            :data="tableData"
            stripe
            style="width: 99%;margin-bottom: 10px;"
            :height="$publicjs.tableHeight"
            @selection-change="handleSelectionChange"
            border
          >
            <el-table-column type="selection" width="55" />
            <el-table-column type="index" label="序号" width="60" />
</el-table>

二、前端方法

一、多选方法
 handleSelectionChange(val) {
      this.multipleSelection = val;
      this.deleteIds=[]
      val.forEach(element => {
         this.deleteIds.push(element.id)
      });   
    },
二、批量操作

    handleSelectedDel(){       let count= this.deleteIds.length       if(count ==0 ){          this.$publicjs.showMessage("请选择！", this.$publicjs.ErrorType)       }else{         deleteData(this.deleteIds).then(res=>{           if (res.code == 200) {             this.$publicjs.showMessage(res.message, this.$publicjs.SuccessType)             this.handleQuery();           } else {             this.$publicjs.showMessage(res.message, this.$publicjs.ErrorType)           }        })       }     }, 三、调用方法 export function deleteData(data) {   return request({     url: 'api/item-basic-info/clear',     method: 'post',     data   }) }

三、后端控制器接收

    @ApiOperation(value = "清空")
    @PostMapping(value = "/clear")
    public Response<String> clearItem(@RequestBody List<String> list){
        int re = itemBasicInfoService.clearItem(list);
        if (re > 0) {
            return new Response<>(ErrorCode.SUCESS_CODE, "清空成功", re);
        } else {
            return new Response<>(ErrorCode.INTERNAL, "清空失败", null);
        }
    }

 

标签：val,res,前端,list,Response,接收,deleteIds,publicjs
From： https://www.cnblogs.com/flyShare/p/18082295