A ideia é a seguinte: existe um V-Stepper
componente, ele contém poucos passos. Gostaria de acionar a ação de deslizar para a próxima etapa quando um validateDirectory
método for concluído com êxito (ou seja, o botão da próxima etapa não for clicado fisicamente, mas a etapa for invocada programaticamente).
Os métodos são definidos mais ou menos como:
methods: {
stepperPrev() {
this.$refs.stepperActions.prev()
},
stepperNext() {
this.$refs.stepperActions.next()
},
async validateDirectory() {
const response = await fetch(...)
this.stepperNext()
}
O v-stepper-actions
contém:<v-stepper-actions ref="stepperActions" @click:next="next" @click:prev="prev"></v-stepper-actions>
No entanto, ao tentar fazer a transição para a próxima janela de passo, recebo o erro: this.$refs.stepperActions.next is not a function
.
Também tentei definir os métodos como:
stepperPrev(prev) {
prev()
},
stepperNext(next) {
next()
}
Também não funcionou.
Existe alguma maneira de acionar a transição para a próxima etapa? Além disso, é possível ocultar v-stepper-actions
e ainda poder acionar a ação programaticamente?