javascriptvuetify.jsv-stepper

Vuetifyjs: how to make the v-stepper's step clickable?


Using the v-stepper component, is there a way to make the steps respond to clicks?

P.S. On the link I provided, there is a Codepen example. It is a link to the official documentation so that example is always there.


Solution

  • Add the props editable to your v-stepper-step.

    Example in Vuetify doc


    About click event on v-stepper-step, it seems that @click is not triggered.

    So, as a workaround you can watch the data you provide un your v-stepper's v-model and alert on change or when you reach the wanted step. codepen.io/anon/pen/yReweK?editors=1011

    Workaround Codepen