Vuetify v-select获取项目索引

Question

有没有办法不使用v-select中的v-model来获得item-value ...这是我的代码。

<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，但是item-value呢？

方法：

addAnswer(i){

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

  }

如果你知道怎么做的话...这将是一个很大的帮助。谢谢。

Answer 1

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

所以你不需要通过我做了一个例子的index.Anyway来证明我的solution.It方式需要更多的代码才能完美，但我认为它可能会对你有所帮助。

See it in action here