Javascript 如何将从state检索到的数组数据分配给vue.js中数组数据对象的v-model？

我有一个使用vuex Getter从vuex state检索的申请者列表。在前端，我将记录他们各自的结果作为一个数组并提交他们的结果。但我无法将申请人id分配给v-model

我尝试过使用数组和数组对象，但不起作用。 我尝试在页面上循环申请者列表，创建并分配给Vue数据中声明的数组数据

模板代码

<template>
<table style="margin-left:10%;">
          <tr>
            <th>#</th>
            <th>Full Name</th>
            <th>Result</th>
          </tr>
          <tr
            v-for="(applicant, key) in getApplicants"
            :key="applicant.applicant_id"
          >
            <td>{{ key + 1 }}</td>
            <td>
              {{ applicant.first_name }} {{ applicant.middle_name }}
              {{ applicant.last_name }}
              <b-form-input v-model="record.applicant_id[key]"></b-form-input>
            </td>
            <td>
              <b-form-input v-model="record.exam_result[key]"></b-form-input>
            </td>
          </tr>
        </table>
<template>

#
全名
后果
{{key+1}}
{{申请人.第一名}{{申请人.中间名}
{{申请人姓氏}

脚本代码

data() {
    return {
      update: false,
      record: {
        job_vacancy_id: null,
        exam_type_id: null,
        applicant_id: [],
        exam_result: []
      }
    };

methods:{
 save() {
      var object = {
        job_vacancy_id: this.record.job_vacancy_id,
        manpower_requisition_id: this.manpower_requisition_id,
        applicants_id: this.applicants_id,
        exam_result: this.record.exam_result
      };
      console.log(object);
    },
populate() {
      let appliacnts = this.getApplicants;
      for (var i = 0; i <= appliacnts.length; i++) {
        this.record.applicant_id = this.appliacnts.applicant_id[i];
      }
    }
},

created() {
    this.populate();
  }

data（）{
返回{
更新：错误，
记录：{
职位空缺号：空，
检查类型识别码：空，
申请人id:[]，
考试成绩：[]
}
};
方法：{
保存（）{
变量对象={
job\u空缺\u id:this.record.job\u空缺\u id，
人力资源申请单\u id：此。人力资源申请单\u id，
申请人id:this.appenders\u id，
考试结果：这个。记录。考试结果
};
console.log（对象）；
},
填充（）{
设appliacnts=this.getapplicators；
对于（var i=0；i我认为应该是
this.record.applicator\u id[i]=appliacnts.applicator\u id[i]

populate() {
      let appliacnts = this.getApplicants;
      for (var i = 0; i <= appliacnts.length; i++) {
        this.record.applicant_id[i] = appliacnts.applicant_id[i];
      }
    }
},

populate（）{
设appliacnts=this.getapplicators；
对于（var i=0；i有几个错误：

this.record.applicator\u id
是一个数组，因此在
=
之前的末尾需要一个索引
this.appliacnts
不应具有
this
this.appliacnts.applicator\u id[i]
索引在错误的部分。它应该在
applicator\u id
之前
appliacnts
拼写不正确。但它是一致的，因此不会引起任何问题
纠正我们所得到的一切：

populate（）{
const applicators=this.getapplicators；
对于（var i=0；我也尝试过，但不起作用。它响应我无法读取未定义的属性“申请人id”。但申请人id是确切的属性名称。我更新了答案。已从
this.appliacnts.applicator\u id[i]
更改为
appliacnts.applicator\u id[i]
它仍然无法工作。它尝试记录this.getAppenders集合并显示数据。但当我尝试记录this.getAppenders.appender\u id时，它会向我发送未定义的响应，如果我向其添加索引，则无法读取未定义的第一个索引号0的属性。回答非常好！现在它可以正常工作了！感谢Skille！