我可以使用 v-model 以外的方法获取 v-text-field 中的数据吗？

Question

<div v-for="i in parseInt(numberquestion)" :key="i">
        <v-layout>
         <v-flex xs6 offset-3  mt-15"  >
          <label for=""> enter the {{index}} question:</label> <v-text-field v- 
model="content"> </v-text-field>
          <label for=""> A Şıkkını Giriniz:</label><v-text-field v-model="optiona" > </v-text- 
field>
          <label for=""> B Şıkkını Giriniz:</label><v-text-field v-model="optionb"> </v-text- 
field>
          <label for=""> C Şıkkını Giriniz:</label><v-text-field v-model="optionb" > </v-text- 
field>
          <label for=""> D Şıkkını Giriniz:</label><v-text-field v-model="optiond" > </v-text- 
field>
            <v-select  :items="options"   filled v-model="selected"   label="Choose correct 
answer"></v-select>
          <v-btn class="btn-right" @click="remove">Remove</v-btn>
          <v-btn class="btn-right mr-3" @click="approve(bla)">Approve</v-btn>
         </v-flex>
        </v-layout>
</div>

这段代码是一个问题添加面板，它的作用与问题的数量一样多。当我输入的问题数为 3 时，此面板会工作三次，当我使用 v 模型发送第一个问题的值时，其他问题会同时收到相同的值。如何分别获取每个问题的 v-text-field 中的值？

Answer 1

与其为 v-for 的每个循环建立相同的属性 v-modeling，不如让它更动态。您可以拥有一个包含所有 v-model 结果的对象，而不是执行 optiona、optionb、optionc。

    <div id="question-container" v-for="question in questions_list">
      <input v-model="question_data[question.id+'_1']">
      <input v-model="question_data[question.id+'_2']">
      <input v-model="question_data[question.id+'_3']">
      <input v-model="question_data[question.id+'_4']">
    </div>

这是一个示例： https://codepen.io/timfranklin/pen/WNjgRzE

我可以使用 v-model 以外的方法获取 v-text-field 中的数据吗？

Can I get the data in v-text-field with a method other than v-model?

javascript

reactjs

vue.js

vuejs2

vuetify.js