vue.js - Vuetify v-select 获取项目索引

Question

有没有办法通过不使用 v-select 中的 v-model 来获取项目值...
这是我的代码。

<v-flex xl4 lg4 md4 sm6 xs12 class="pa-2" v-for="(question, i) in questions" :key="i">
        <v-select
            :label="question.name"
            :items="question.answers"
            item-value="id"
            item-text="name"
            @change="addAnswer(i)"
            required
          ></v-select>
  </v-flex>

我不能用 v-model因为它是一个循环。我可以通过i在问题的循环中，但项目值(value)如何？

方法:

addAnswer(i){

        this.questionAnswer.push({
          questionId: i,
          answerId: 'this should be answer Id'
        })
        console.log(this.questionAnswer)

  }

如果您有任何想法如何做到这一点......这将是一个很大的帮助。谢谢。

Answer 1

@change="addAnswer"将传递给 addAnswer方法选择的值。

所以你不必通过索引。无论如何我做了一个例子来看看我的解决方案。它需要更多的代码才能完美，但我认为它可能对你有所帮助。

See it in action here