想法如下:有一个V-Stepper
组件,它包含几个步骤。我想在validateDirectory
方法成功完成时触发滑动到下一步的操作(即,未物理单击下一步按钮,但以编程方式调用该步骤)。
方法的定义或多或少类似于:
methods: {
stepperPrev() {
this.$refs.stepperActions.prev()
},
stepperNext() {
this.$refs.stepperActions.next()
},
async validateDirectory() {
const response = await fetch(...)
this.stepperNext()
}
其中v-stepper-actions
包含:<v-stepper-actions ref="stepperActions" @click:next="next" @click:prev="prev"></v-stepper-actions>
但是,当尝试实现到下一个步进器窗口的过渡时,我收到错误: this.$refs.stepperActions.next is not a function
。
还尝试将方法定义为:
stepperPrev(prev) {
prev()
},
stepperNext(next) {
next()
}
它也不起作用。
有什么办法可以触发过渡到下一步吗?另外,是否可以隐藏v-stepper-actions
并仍然能够以编程方式触发操作?