Блог

Итак, у меня есть приложение для опроса, и я хочу сохранить все ответы в некоторой модели, чтобы в дальнейшем отправить ее на серверную часть. Вопросы передаются компоненту. Проблема, с которой я сталкиваюсь, заключается в хранении ответов.

Итак, вот мой компонент:

 <template>
    <div>
        <div class="form-group" v-for="(question, questionIndex) in questions">
            <label>{{question.question}}</label>
            <select v-model="answers[questionIndex]" class="form-control">
                <option v-for="answer in question.answers" v-bind:value="answer.value">{{answer.value}}</option>
            </select>
        </div>
    </div>
</template>

<script>
    export default {
        props: ['questions'],
        data() {
            return {
                answers: []
            }
        },
        methods: {

        },
        mounted() {

        }
    }
</script>
 

Дело в том, что когда я выбираю и отвечаю — свойство answers data по-прежнему является пустым массивом и не добавляет key => value к нему новое. Как мне это решить?