在Cristijora/Vue-Form-wizard中,有一种方法可以从编程中前进到下一步



我正在尝试使用cristijora/vue-form-wizard,并且如果有一种方法可以通过代码迈进下一步,则无法通过文档推导。在一个步骤中,我具有检查记录是否存在的逻辑,如果没有记录,则可能需要用户的其他信息。

我希望一个具有更大vue.js知识的人实际上正在使用此软件包,并且可以提供帮助。

当前,只有内部组件方法才有可能:

首先,您需要将 Ref (参考ID)添加到模板内的Form-Wizard组件:

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

然后,您可以在组件中开始使用它。这是一个示例,将您导航到第二步:

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

这是一个示例

可以在此处找到有关内部方法的更多信息。

this。$ refs.wizard.changetab(0,3)

其中3是您想要的下一个标签。选项卡从数字0

开始

一个旧的问题,但只有某人需要答案,请转到下一个选项卡,您可以使用以下

      this.$refs.wizard.nextTab();

这将消除定义要进入

的步骤号的需求

最新更新