• element ui 批量删除


    <el-table :data="tableData" stripe border style=" 100%" @selection-change="changeFun">    //这里做一个事件 checkbox发生改变时触发
    <el-table-column type="selection" width="55" ref="multipleTable"></el-table-column>
    <el-table-column prop="index" label="序号" width="180"></el-table-column>
    <el-table-column prop="flowmeterType" label="设备类型"></el-table-column>
    <el-table-column prop="flowmeterNo" label="设备编号"></el-table-column>
    <el-table-column prop="flowmeterModel" label="设备型号"></el-table-column>
    <el-table-column prop="userName" label="用户姓名"></el-table-column>
    <el-table-column prop="phone" label="联系方式"></el-table-column>
    <el-table-column prop="installationLocation" label="所属小区"></el-table-column>
    <el-table-column prop="regionMap.level1" label="所属二级分区"></el-table-column>
    <el-table-column prop="regionMap.level2" label="所属一级分区"></el-table-column>
    <el-table-column label="操作">
    <template slot-scope="scope">
    <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
    <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
    </template>
    </el-table-column>
    </el-table>
     
     
    data{
      return {
        multipleSelection: [] //返回的是选中的列的数组集合   这里接收用户选中的id  默认放在这个数组里面 
    }
    }
     
     
    methods: {
    changeFun(val) { //获取用户的选中
    console.log(val);
    //this.multipleSelection = val // 返回的是选中的列的数组集合
    val.forEach(item => {
    this.multipleSelection.push(item.flowmeterId);   //把所有的id放进multipleSelection
    })
    console.log(this.multipleSelection)
     
    },
    PLdelete() { //批量删除流量计
    console.log(this.multipleSelection)
    this.$ajax.delete("/dataManagement/basic/deletedBatch",{flowmeterIds:this.multipleSelection})
    .then(res => {
    console.log(res);
    })
    },
    活到老,学到老。 踏实+激情+坚持
  • 相关阅读:
    JavaScript + Table 系列:排序
    asp.net 2.0中傻瓜式使用soap header
    Linq To Sql进阶系列(七)动态查询续及CLR与SQL在某些细节上的差别
    asp.net 2.0 导出DataTable到Excel中
    ASP.NET实用技巧(一)
    【ASP.NET】基础补习之FileUpload
    ASP.NET AJAX入门系列(8):自定义异常处理
    Linq To Sql进阶系列(五)Store Procedure篇
    Linq To Sql进阶系列(六)用object的动态查询与保存log篇
    深究“通过样式表实现固定表头和列”
  • 原文地址:https://www.cnblogs.com/andyZhang0511/p/12035536.html
Copyright © 2020-2023  润新知