Всем салют, реализую пошаговую регистрацию формы. <button v-on:click="checkValide($v.commonInfo.$invalid)" class="button" type="button">Далее</button> проверка: <form

Question

Всем салют, реализую пошаговую регистрацию формы. <button v-on:click="checkValide($v.commonInfo.$invalid)" class="button" type="button">Далее</button> проверка: <form

action v-show="nextSlideCount === 2" id="adress">
функция проверки:
checkValide(status) {
console.log("submit!");
this.$v.$touch();
if (status) {
this.nextSlideStatus = "ERROR";
} else {

this.nextSlideStatus = "PENDING";
setTimeout(() => {

this.nextSlideCount++;

this.nextSlideStatus = "OK";
}, 500);
}
},
в итоге на этом 2 шаге, после нажатия кнопки, возвращает обратно на 1 шаг. В чем может быть проблема? Вообще не пойму в чем логика нарушена.
https://codepen.io/Sancho95/pen/GRobZby?editors=1010