vue3批量删除功能

删除学生的同时把他的电子照片也删

方法一： delete 请求

const handleSelectionChange  = (selection) => {
  console.log(selection)
  let ids=[]
  for (let i = 0; i < selection.length; i++) {
    ids.push(selection[i].id)
  }

  console.log(ids)
  
  //选中这行的数据（不止是id）
  console.log(multipleSelection.value.getSelectionRows())

  multipleSelection.value=ids

}

const batchDel = () => {
  //至少选一个
  if(multipleSelection.value.length==0) {
    ElMessage({
      type: 'error',
      message: "至少选一个"
    })
    return false
  }


  //批量删除
  ElMessageBox.confirm(
      '您确定要批量删除这些记录吗？',
      'Warning',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }
  )
      .then(() => {
          axios({
            url: '/api/stu/batchDel?ids='+multipleSelection.value,
            method: 'delete',

          }).then(res =>{
            if(res.data.code==2000){
              ElMessage({
                type: 'success',
                message: res.data.mess
              })

              getPage()
            }else{
              ElMessage({
                type: 'error',
                message: res.data.mess
              })
            }

          })



      })
      .catch(() => {
        ElMessage({
          type: 'info',
          message: '取消操作',
        })
      })



}

重点：

后端接受

方法二：post 请求

前端

后端