vue3批量删除

 <el-button
          type="success"
          :icon="Delete"
          @click="batchDeletion()"
          :disabled="batchDel.length === 0"
          >删除</el-button
        >


// 批量删除
const batchDel = ref([])
const bbb=ref("")
//指向DOM元素
const multipleTableRef = ref('')
//获取当前选中的数据给到数据
const handleSelectionChange = (val) => {
  batchDel.value = []
  val.forEach(item => {
 batchDel.value.push(item.activityId);
 const aaa = batchDel.value.join(',');
 console.log(aaa);
 bbb.value=aaa
});
}

//批量删除
const batchDeletion = () => {
  ElMessageBox.confirm("此操作将永久删除数据, 是否继续?", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
  }).then(() => {
     console.log(batchDel.value)
    batchDel.value.forEach(id => {
      console.log(id)
      const aaaa=id
      console.log(aaaa)
    })
    console.log(bbb.value)
    plsc(bbb.value).then((res:any)=>{
      console.log(res)
      getcxhtList()
    })
    console.log(batchDel.value)
    ElMessage({ type: 'success', message: '删除成功', })
    multipleTableRef.value.clearSelection();
    batchDel.value = []
  }).catch(() => {
    ElMessage({ type: 'info', message: '取消删除', })
  });
};