0

如何在下面的代码中获取方法中的值row.question_id和值?我正在使用 Vue.js v2。option.AnswerMasterIDselectChange

<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>

我的方法如下:

selectChange: function (question_id, ans_master_id) {
  alert(question_id + " " + ans_master_id)
},

我想获取其值option.AnswerMasterID在内部循环中。

4

1 回答 1

1

在 select 元素上使用v-model指令将数据属性绑定到它:

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

确保添加selectedID到数据属性:

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

由于您已经绑定option.AnswerMasterID为每个选项的值,selectedID因此将绑定到AnswerMasterID所选选项的 。

然后,您可以在您的方法中像这样引用该值selectChange

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

这是 Vue 的选择输入绑定文档。

于 2017-04-18T13:59:58.360 回答