Necesito crear una aplicación web que tenga solo 2 páginas. Hay dos etapas de llenado de formularios en la primera página. No puedo crear dos páginas separadas. Dos formularios en una página. Entonces, ¿cómo me quedo en el segundo formulario cuando se vuelve a cargar la página?
Aquí está mi componente Register.vue:
<form v-if="step === 1"> <!-- some input fields about new user --> </form> <form v-if="step === 1"> <!-- some input fields about additional info about new user --> </form>
Lo que probé:
data() { return { step: 1 } }, mounted() { if (performance.navigation.type == 1) { if (this.step === 1) { this.step = 1; } if (this.step === 2) { this.step = 2; } }
},
También intenté hacer lo mismo en el gancho creado.
Cualquier ayuda sería muy apreciada.
Puede mantener el paso dentro del almacenamiento de la sesión para que el valor no se pierda durante la recarga.
Para establecer el valor:
sessionStorage.setItem("step", step)
Para recuperar el valor:
sessionStorage.getItem("step")