Gibt es im cristijora/vue-form-wizard eine Möglichkeit, programmatisch zum nächsten Schritt fortzuschreiten

Question

Ich versuche den cristijora/vue-form-wizard zu verwenden und kann über die Dokumentation nicht ableiten, ob es eine Möglichkeit gibt, auf die nächster Schritt über Code. In einem Schritt habe ich eine Logik, die prüft, ob ein Datensatz existiert, und KANN zusätzliche Informationen vom Benutzer anfordern, wenn dies nicht der Fall ist ... daher möchte ich programmatisch vorgehen, wenn ein Datensatz vorhanden ist, um die zweite Anfrage nach Informationen zu vermeiden.

Ich hoffe, dass jemand mit mehr vue.js Wissen tatsächlich dieses Paket verwendet und helfen kann.

Answer 1

Derzeit ist es nur möglich mit internen Komponentenmethoden:

Zunächst einmal müssen Sie ref (reference ID) zur Formular-Assistent-Komponente in Ihrer Vorlage hinzuzufügen:

<template> 
    <form-wizard ref="wizard"> 
    ... 

Dann können Sie beginnen, es in Ihrer Komponente zu verwenden. Hier ist ein Beispiel, was Sie zum zweiten Schritt navigieren:

mounted(){ 
    //this is needed to unlock step 
    this.$refs.wizard.maxStep = 1 
    this.$refs.wizard.navigateToTab(1)  
}  

Here is an example

Weitere Informationen über interne Methoden in here gefunden werden konnte.