在cristijora / vue-form-wizard中,有没有办法以编程方式前进到下一步

时间:2017-09-04 05:27:23

标签: vuejs2

我正在尝试使用cristijora / vue-form-wizard,并且无法通过文档推断出是否有办法通过代码前进到下一步。在一个步骤中,我有逻辑检查记录是否存在,如果不存在则可能需要来自用户的其他信息...因此,如果记录存在,我想以编程方式提前以避免第二次信息请求。

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

2 个答案:

答案 0 :(得分:1)

目前,只能使用内部组件方法

首先,您需要将参考reference ID)添加到模板中的表单向导组件中:

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

然后您可以开始在组件中使用它。 下面是一个示例,它将引导您进入第二步:

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

Here is an example

有关内部方法的更多信息,请参阅here

答案 1 :(得分:0)

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

下一个选项卡是3。制表符从数字0开始