Как временно хранить инфу о том какой radio button выбранный без использования vuex?

Question

[OstapO]

Пытаюсь сделать multi-step form. Типы вопросов вынесены в отдельные компоненты и подключаются в главном MainForm.vue. Сейчас при переходе вперед / назад между вопросами выбранные значения не сохраняются. Как сделать чтобы выбранный ответ был активен при перемещении между вопросами ?

MainForm.vue

<RadioQuestion key="question1" v-if="step === 1" :answers="qRadio1" />
 <RadioQuestion key="question2" v-if="step === 2" :answers="qRadio2" />

RadioQuestion.vue

<template>
  <div class="row question-step no-image-radio">
    <!-- Start Answer -->
    <div class="col-12" v-for="(answer, idx) in answers" :key="answer.name">
      <label class="question-label" :for="'step'+answer.questionNum+'_' + idx">
        <div class="custom-control custom-radio custom-control-inline">
          <input
            type="radio"
            :id="'step'+answer.questionNum+'_' + idx"
            :name="'step_'+answer.questionNum"
            class="custom-control-input"
            v-model="singleAnswer"
            :value="answer.name"
          />
          <label class="custom-control-label" :for="'step'+answer.questionNum+'_' + idx"></label>
        </div>
        <div class="answer">{{ answer.name }}</div>
      </label>
    </div>
    <!-- End Answer -->
  </div>
</template>

Answer 1

[0xD34F]

Храните выбранные ответы в родительском компоненте, передавайте их в вопросы как параметры, при выборе ответа отправляйте его родителю.

Comments

[OstapO]

0xD34F,как мне передать ответ с child component в parent component ?

[0xD34F]

OstapO, $emit.

Answer 2

[Антон Антон]

Если не хотите хранить в родителе или другом хранилище, то настройте keep-alive