Vue.js 将值发送到VueJS 2中的方法中

如何获取

行的值。问题id

和

选项。在下面代码的方法
中选择Change
中的AnswerMasterID

？我正在使用Vue.js v2

<div v-if="row.answer_input_type === 'Dropdown'">
  <template v-for="answer in answers">
    <template v-if="answer.AnswerTypeID === row.answer_type_id">
      <select class="dropdown_cl" v-bind:disabled="row.is_enabled == 1 ? false : true" @change="selectChange(row.question_id, answer.AnswerDescription)">
        <option v-for="option in answer.AnswerDescription" v-bind:value="option.AnswerMasterID"   >{{option.AnswerDescription}}</option>
      </select>
      <p v-for="option in answer.AnswerDescription">{{option.AnswerMasterID}}</p>
    </template>
  </template>
</div>

---

我想获取

选项的值。内部循环中的AnswerMasterID

。

在选择元素上使用

v-model

指令将数据属性绑定到它：

<select class="dropdown_cl" v-model="selectedID" ...

由于您已经将

选项.AnswerMasterID

绑定为每个选项的值，

selectedID

将绑定到所选选项的

AnswerMasterID

然后，您可以在

selectChange

方法中这样引用该值：

selectChange: function (question_id) {
  alert(question_id + " " + this.selectedID);
},

---

你的确切意思是什么？由于您将两个参数传递到

selectChange

方法中，因此您应该允许您的方法接受它们

selectChange（id，desc）{console.log（id，desc）}

，并且它将记录在激发方法时传递的数据。看起来正常。这个问题是关于什么的？我想要选项的值。AnswerMasterId，你可以按照我解释的方式获得它们……这是可行的，但我对每个选项都有不同的值，每个选项的第一个选项值也不同。因此，如果我写入selected:“”和v-model=“selected”，那么我将作为所有select元素的selected元素变为空。如何解决这个问题？@sagarmajumdar这听起来像是一个不同的问题，我想你已经发布了？

data() {
  return {
    selectedID: null,
  }
}

selectChange: function (question_id) {
  alert(question_id + " " + this.selectedID);
},