vue筛选下拉框数据匹配列表数据的问题？

  • Z时代
  • 2024-02-23
  • 分类：IT

代码如下：

handlesubmit(this: any) {
    const filteredData = this.originalTableData.filter(v => {
      return v.sampleProcessInfo.sampleProcessTemplate.tempName === this.tempName
    });
    if (filteredData.length > 0) {
      this.tableData = filteredData;
    } else {
      this.tableData = [...this.originalTableData];
    }
  },
},

主要切换筛选功能，列表列操作点击触发弹框，数据对应不上，列表是封装好的，代码如下

this.$pub.$emit(this.eventComponentNameData.gaugingTableName, {
                        sampleId: this.currentSampleId,
                        rowIndex: this.rowIndex, // 当前行数
                        matchId: {
                            fkId: this.currentSampleId,
                            componentId: fkGaugingComponentId
                        },
                        valName: row[ 'sampleName' ],
                        titles: fkGaugingTableTitles || [],
                        controlTitles: controlGaugingTableTitles || [],
                        fkGaugingIdList: this.rowData[ this.field ] || [], // 不能存起来，表格内容数据变动后，存起来的数据没办法跟着变
                        finishBindEvent: this.bindGaugingName,
                        isSingle: false,
                        updateEvent: this.eventComponentNameData.updateFieldName, // 更新字段的事件名
                        factorIdList: row.factorIdList, //检测项目v3因子数组
                        gaugingv3CateId: row.gaugingv3CateId, //检测项目v3检测类别
                    })

// 获取流程数据

        getProcessData(this: any) {
            this.getProcessList({
                   params: {
                      id: this.groupId
                   }
                }).then(res => {
                  if (res.code) {
                    this.process = res.result
                    }
            })
        },

this.groupId是要传的id
现在是新写页面，主要把对应的格式传给原来封装好的格式就可以展示在页面，但是现在通过点击下拉框筛选功能，点击行的操作 一直传同一个 groupId，请问大佬们怎么规避这个问题呢

期望拿到的id是 是不同的

回答：

handlesubmit(this: any) {
  const filteredData = this.originalTableData.filter(v => {
    return v.sampleProcessInfo.sampleProcessTemplate.tempName === this.tempName;
  });
  if (filteredData.length > 0) {
    this.tableData = filteredData;
  } else {
    this.tableData = [...this.originalTableData];
  }
  // 更新每行的 groupId
  this.tableData.forEach((row, index) => {
    row.groupId = // 更新 groupId 的逻辑;
  });
},

以上是 vue筛选下拉框数据匹配列表数据的问题？ 的全部内容， 来源链接： utcz.com/p/934298.html

回到顶部