vue实现ElementUI Table的全选、反选、取消,不生效


vue实现ElementUI Table的全选、反选、取消,不生效

 
 
 
xxxxxxxxxx
 
 
 
 
  //操作合并行数据
  this.mergeProcedureRowData = row;
  //反选之前选中的复选框  
  if (row.mergeProcedureList) {
   const _this = this;
   //之前合并工序,选中的工序数据
   row.mergeProcedureList.forEach((item) => {
    let element = this.mergeProcedureList.filter(e => e.technologuCode === item.technologuCode);
    if (element.length > 0) {
     //指定选
     setTimeout(function () {
      _this.$refs.mergeTable.toggleRowSelection(element[0]);
     }, 100);
     //全选
     //this.$refs.mergeTable.toggleAllSelection();
    }
   });
  }
 

踩坑:

setTimeout这个函数必须使用,延时调用反选代码,否则只有全选toggleAllSelection才会生效,toggleRowSelection反选不生效。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM