vue.js - Keep alive in componentes Nuxt

Question

I have an application with Nuxt / ElementUI. I have 4 components in a Stepper and when advancing in the stepper, the values of the components that were left behind are lost. I have tried occupying keep-alive in Nuxt and NuxtChild but it doesn't work and I don't want to have to resort to persisting data in localStorage or Vuex. Could you help me and tell me how I keep the data in the components with keep -alive?

<div>
    <div v-if="active == 0">
        <ingresar-informacion-general></ingresar-informacion-general>
    </div>
    <div v-if="active == 1">
        <ingresar-proveedor></ingresar-proveedor>
    </div>
    <div v-if="active == 2">
        <ingresar-condiciones></ingresar-condiciones>
    </div>
</div>

<el-steps :active="active" finish-status="success" simple>
    <el-step title="Informacion General"></el-step>
    <el-step title="Proveedor"></el-step>
    <el-step title="Condiciones"></el-step>
</el-steps>

Thank you !!!!

question from:https://stackoverflow.com/questions/65852676/keep-alive-in-componentes-nuxt

Answer 1

Waitting for answers