2017-07-05 2 views
1

Wie kann ich einen Vue Material Stepper einreichen? Ich versuchte, das md-stepper-Tag mit einem form Tag wie Verpackung:Vue-Material Stepper senden

<form @submit="onSubmit"> 
    <md-stepper md-vertical class="stepper"> 
    ... 
    </md-stepper> 
</form> 

Aber es funktioniert nicht

So ist meine Frage, wie verwende ich die ‚ENDE‘ -Taste als eine Absenden-Button oder was ist der richtige Möglichkeit, dieses Formular einzureichen.

Danke!

Antwort

2

einfach binden Ihre onSubmit Handler zum completed Ereignis auf dem Stepper Komponente ...

<md-stepper @completed="onSubmit" md-vertical class="stepper"> 
    ... 
</md-stepper> 

Es gibt keine Notwendigkeit für eine <form>.

+0

Vielen Dank! Es funktionierte. –

+0

@GustavoOrdaz gut zu wissen. Es ist eine Schande, dass sie die von der Komponente emittierten Ereignisse nicht dokumentiert haben. Ich musste im Quellcode suchen – Phil

+0

Ich fand diesen Link nützlich https://codepen.io/zapping/pen/xLOjBp –

Verwandte Themen