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