Stepper does not store states



  • I have a 2 steps stepper
    In the first one I have an q-input that store information and the value is passed to the second step
    When returning back from second step to the first on the field is empty!

    How I can store the value (state) of the field? or I have to do something to restore the value when stepping back?



  • You should use v-model binding to bind your input to data on your component then this should also persist when changing steps.
    I think steppers are rendered with v-if so the whole DOM node representing the step is destroyed when changing steps and recreated when going back.



  • I am using v-model…
    <q-input primary inverted type=‘number’ v-model=“myVal” v-on:change=‘valUpdate’ />

    I found a solution by using vuex and update values BUT it is crazy when you have more than 10 variables…



  • Same problem. on .13 it has no v-if, so store data between steps, migrating is giving me some pain.
    I have a lot of data, its why i’m using stepper.

    keep-alive is not working in QStep



  • I am using the last version 0.14.4 and the problem remains the same. Stepper component does not store state.
    Any solution ?


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.