Using browsers' back button to navigate a step back (using q-stepper)



  • Hi,

    the q-stepper is the perfect fit for our use case. The only thing I’m missing is the ability to go back one step using the back button of the browser. Currently, when using the back button, the previous page (not the step) is shown, which means, when I navigate from the welcome page to the page with the stepper, pressing the back button of the browser navigates me (back) to the welcome page.

    <template>
        <q-stepper v-model="step">
          <q-step :name="1" :done="step > 1">Start</q-step>
          <q-step :name="2" :done="step > 2">Middle</q-step>
          <q-step :name="3">End</q-step>
        </q-stepper>
    </template>
    

    For example: I’m currently in step 2. Pressing the back button should navigate me back to step 1.

    Is there a way to use / configure the back button to go back a step? I read in a different post, that there might be a way to combine Vue router and the stepper. But I’ve no idea how to do this.

    I appreciate your help.
    Thanks in advance.

    Best regards,
    Daniel


Log in to reply