Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Stepper nextStep is not a function ??

bernspe priority asked 10 months ago


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 10 months 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


bernspe priority commented 10 months ago

Blame me, thanks for pointing this out..



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • 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