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

案列:

  //操作合并行数据
  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反选不生效。

posted @ 2022-02-18 14:06  Journey&Flower  阅读(2408)  评论(0)    收藏  举报