No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Stepper does not store states

    Help
    5
    7
    1729
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Y
      ydl last edited by

      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?

      1 Reply Last reply Reply Quote 0
      • a47ae
        a47ae last edited by

        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.

        1 Reply Last reply Reply Quote 0
        • Y
          ydl last edited by

          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…

          1 Reply Last reply Reply Quote 0
          • L
            leon last edited by

            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

            1 Reply Last reply Reply Quote 0
            • M
              milson last edited by

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

              1 Reply Last reply Reply Quote 0
              • L
                leon last edited by

                Help ! @rstoenescu there something we can do ?

                1 Reply Last reply Reply Quote 0
                • X
                  xeor last edited by

                  Anyone figured out a good way to work around this problem? Is there anyway I can force q-step to not use v-if, but instead set display:none or something?

                  1 Reply Last reply Reply Quote 1
                  • First post
                    Last post