javascript - 如何使用 Element 从多个选择中获取 ID？

Question

我有一个分配给 proyect 的 persons 的 select，因此我需要从以下位置发送 ID:我尝试过的对象选择了函数:

 <el-form-item label="Assign to:" prop="person">
                <el-select v-model="form.persons"  multiple value-key="id"  id="person_id" @change="getData()" placeholder="Select Personal" class="max-input" filterable>
                  <el-option  v-for="person in orderedPersons"  
                            :label="person.name +' '+ person.last_name" 
                            :key="person.id"
                            :value="person">
                  </el-option>
                </el-select>

数组人:

form: { persons: [],}

方法

getData() {
   var pid;
   this.pid = document.getElementById("person_id").value;
   console.log(pid);
  this.$axios.get("/person/hasproject/" + this.pid ).then(response => {
    try {             
      notifications_success(response.data.userMessage);
    } catch (error) {}
  });
},

pid(人员 ID)未定义，我找不到适合我的情况的解决方案，我将感谢帮助和评论。

Answer 1

由于所选人员是通过 v-model 填充的，因此您可以通过查看 this.form.persons 数组并迭代它来访问人员 ID。

那么我们就说

form: { 
 persons: [
  {name: "You", id: 1}, 
  {name: "Her", id: 2}, 
  {name: "Him", id: 3}
 ]
}

那么你可以做类似的事情。

getData(){  
   this.form.persons.forEach(person=>{
    this.$axios.get("/person/hasproject/" + person.id )
        .then(//et cetera)

   })  
}