向后端传id字段 list数组

向后端传id字段list数组

页面代码

  <!-- 修改测试用例所属需求 -->
  <el-dialog :title="title" :visible.sync="openRequire" class="case-dialog" min-width="900" append-to-body>
    <div style="display: flex;justify-content: center;">
      <el-transfer v-model="requirementForm.requirementList" :titles="['需求', '已选择']" filterable
        filter-placeholder="请输入需求名称" :data="caseData" />
    </div>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitrequirementForm">确 定</el-button>
      <el-button @click="cancel">取 消</el-button>
    </div>
  </el-dialog>

js代码
修改按钮

    //修改用例所属需求
    handleRequire(row) {
      this.resetRequirementForm();
      listRequirement().then((response) => {
        this.caseData = response.rows.map((item) => {
          return {
            key: item.requirementId,
            label: item.requirementName,
            disabled: false,
          };
        });
        console.log(this.caseData);
        this.requirementForm.requirementList =
          this.drawerData.requirementList.map((item) => {
            return item.requirementId;
          });
      });
      this.openRequire = true;
      this.title = "修改测试用例所属需求";
    },

提交按钮 （带上id提交
this.requirementForm.testCaseId = this.rowData.testCaseId;

    submitrequirementForm() { 
      console.log(this.rowData);
      this.requirementForm.testCaseId = this.rowData.testCaseId;
      updateRequirement(this.requirementForm).then((response) => {
        this.msgSuccess("修改成功");
        this.openRequire = false;
        this.showDrawer(this.rowData);
      });
      }

提交的数据