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>

我不能使用 av-model因为它是一个循环。我可以i在循环中传递问题，但是项目值怎么样？

方法：

addAnswer(i){

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

  }

如果您知道如何做到这一点...这将是一个很大的帮助。谢谢。

Answer 1

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

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

在这里查看它的实际效果