Topic: Stepper nextStep is not a function ??
Expected behavior nextStep() should take effect Actual behavior error: $setup.abrechnungsStepper?.nextStep is not a function Resources (screenshots, code snippets etc.)
const abrechnungsStepper = ref<InstanceType<typeof MDBStepper> | null>(null);
<MDBStepperStep active ref="abrechnungsStepper">
        <MDBStepperHead icon="1">
Arbeitszeit-Matrix
        </MDBStepperHead>
        <MDBStepperContent>    
<AbrechnungMatrixComponent @finalize="abrechnungsStepper?.nextStep()"/>
</MDBStepperContent>
      </MDBStepperStep>
</MDBStepper>
                                                                    
                                                    
                                                    Bartosz Cylwik
                                             staff                                             answered 2 years ago                                        
Hi, the nextStep method is available for the MDBStepper component - try using the ref on this component.
We have an example in our docs for changing steps here: https://mdbootstrap.com/docs/vue/components/stepper/#section-change-steps-using-external-elements-example
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
 - Premium support: Yes
 - Technology: MDB Vue
 - MDB Version: MDB5 4.1.1
 - Device: Desktop
 - Browser: Chrome
 - OS: MacOSX
 - Provided sample code: No
 - Provided link: No