Vuetify v-select get item index

时间:2018-04-29 18:06:19

标签: vue.js

有没有办法通过不在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,但项目值如何?

方法:

addAnswer(i){

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

  }

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

1 个答案:

答案 0 :(得分:1)

@change="addAnswer"会将所选值传递给addAnswer方法。

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

See it in action here