CODEWITHSUNDEEP
vuejs3refvue-form-wizard
Rooh Al-mahaba
Rooh Al-mahaba

Reputation: 674

How to disable next button of the vue-form-wizard? or override it with custom button and hide only the next button

I am new to vue js, I am using this vue-form-wizard and I am not sure if there is a way to disable the next button by some conditions, so depends on the conditions will enable or disable the button

 <form-wizard
        title=""
        subtitle=""
        color="#03608E"
        :nextButtonText="__('Next')"
        :backButtonText="__('Back')"
        :finishButtonText="__('Finish')"
        @on-validate="handleValidation"
        @on-error="handleErrorMessage"
        @on-complete="finish"
        transition="fadeIn"
        ref="wizard"
    >

Or at least if there is a way to remove or hide the next button only ? Is it the only way to do this to hide both buttons and add custom buttons for this ??

Please tell me the better way, thanks in advance

Upvotes: 0

Views: 65

Answers (0)

Related Questions