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.
Asked
Active
Viewed 4,445 times
2 Answers
1
Add the props editable to your v-stepper-step.
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
Toodoo
- 8,570
- 6
- 35
- 58
-
Thank you, how can I trigger, for example, an alert event by clicking on the first step? – Billal Begueradj Oct 03 '18 at 14:16
-
Add `@click="methodThatPopAlert"` to your v-stepper-step props ? – Toodoo Oct 03 '18 at 14:16
-
1It seems there is no way to trigger an event click. +1 for the info you shared though – Billal Begueradj Oct 03 '18 at 14:33
-
1As 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. https://codepen.io/anon/pen/yReweK?editors=1011 – Toodoo Oct 03 '18 at 14:58
1
Listening to @click.native will work:
<v-stepper-step @click.native="alert('foo')"/>
Billal Begueradj
- 20,717
- 43
- 112
- 130
Nick Fisher
- 725
- 5
- 13