Я хочу вызвать метод, когда пользователь выбирает один из флажков, которые я отображаю с помощью v-for
.Все они связаны с одной переменной через v-model
.Проблема в том, что input
, кажется, недоступен на v-checkbox
.А следующий код ничего не делает:
<template>
<v-container>
<v-layout row>
<v-flex xs12>
<v-layout justify-center>
<v-form ref="form" lazy-validation>
<v-checkbox
v-for="(answer, index) in questions[actualIndex].answers"
:key="index"
:ref="'check'+index"
:label="answer.answer"
:value="answer.answer"
v-model="checkbox"
@input="onInput()"
></v-checkbox>
</v-form>
</v-layout>
</v-flex>
</v-layout>
</v-container>
</template
export default {
data() {
return {
checkbox: ''
}
},
methods: {
onInput() {
console.log("WORKS");
}
}
}
Однако, если я вместо этого использую события @change
или @click
, он работает отлично.Есть идеи, что я делаю не так?