媛技术贴

  • 首页
  • 微信小程序
  • 数据库
  • VueJs
  • 算法
  • 兼容性
  • 面试
  • React.js

iview表格批量删除

发表于 2020-06-17 | 分类于 VueJs
贴上的标签: vue 阅读时长 ≈ 7 分钟
//第一步:在table里面加上on-selection-change
<Table border
       :loading="loading"
       :columns="columns"
       ref="selection"
       :data="table.rows"
       @on-selection-change="changeSelect"
//第二步:在columns加上selection
 columns: [
  {
    type: 'selection',
    width: 60,
    align: 'center'
  },
//多选
changeSelect(e){
  this.ids = [];
  if(e.length > 0){
    this.isSele = false;
    for(let i = 0;i < e.length;i++){
      this.ids.push(e[i].id)
    }
  }else{
    this.isSele = true;
  }
},
delAll(){
  //this.ids = this.ids.join(",");
  this.$Modal.confirm({
    title:'确认删除吗?',
    content:"您确认要删除所选的数据吗?",
    onOk:()=>{
      sendRequest(deleAll,this.ids).then((res)=>{
        if(res){
          this.$Message.success('删除成功');
          this.find();
        }
      })
    }
  })
},




上一篇:vue时间戳格式化
下一篇:如何让网站首页变灰色
jing

Jing

座右铭:只有非常努力才会觉得毫不费力

92 总文章数
44 总标签
44 浏览人数
关于作者:前端代码搬运工
致力成为一个技术女肥宅
QQ:714195347
邮箱:714195347@qq.com
学前端找博主有海量资源等着你!!!
相关链接
  • Laravel China社区
  • GitHub
  • 橡皮擦擦
  • 资源作品集
  • 个人博客
© 2017 aicode.site by HUANGJING 阿里云计算有限公司
本站运行时长: 1948