批量删除和单个删除

234 阅读1分钟
<el-table :showSelect="true" @select-change="handleSelect" :loading="loading">
    <el-button size="small" type="danger" @click="deleteClick()" :disabled="selectList.length==0">批量删除</el-button>
    <el-button type="text" @click="deleteClick(scope.row.id)">删除</el-button>
</el-table>
data(){
    return{
       selectList: [],
       loading:false,
    }
},
methods:{
    handleSelect(data) {
      this.selectList = data;
    },
    deleteClick(id){
      let params = []
      if (id) {
        params = [id]
      } else {
        this.selectList.forEach(val => {
          params.push(val.id)
        })
      }
      this.$confirm(params.length>1 ? "确认要删除这些设备吗?":"确认要删除该设备吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        center: true,
        customClass:'global-message-del-box'
      }).then(() => {
         //方法...
        console.log('删除成功')
      })
   },
}