Stop Form Auto Submit

[soulaimanassikiou]

Hi, I am using Vue-Form-Wizard and I am overwriting the footer buttons because of i18n, this is how it looks like now:

<template slot="footer" slot-scope="props">
    <div class="wizard-footer-left">
        <wizard-button  v-if="props.activeTabIndex > 0 && !props.isLastStep" @click.native="props.prevTab()" :style="props.fillButtonStyle">{{t_previous}}</wizard-button>
    </div>
    <div class="wizard-footer-right">
        <wizard-button v-if="!props.isLastStep" @click.native="props.nextTab()" class="wizard-footer-right" :style="props.fillButtonStyle">{{t_next}}</wizard-button>
        <wizard-button :type="props.isLastStep? 'submit' : 'button' " v-else class="wizard-footer-right finish-button" :style="props.fillButtonStyle">  {{props.isLastStep ? t_done : t_next}}.</wizard-button>
    </div>
</template>

The thing is that I am using the same form for creating and for editing entries. So imagin my wizard has 4 steps:

I modify data in step 1 and after I click on 'Next' button twice.

So now that I am in the 3th step and it somehow detects that all fields are filled (because they were already. Remember I am editing, so all fields are already filled from the start) and it auto submits the form even before I see step 4.

What can I do against that?