How to disable nextButton from tabContent?
andrefigueira opened this issue · 0 comments
andrefigueira commented
I have a form in which I proceed to the next tab from a custom button with my tab-content, on these instances I want to disable the wizard next button, ideally without having the check the tabIndex.
Is there a way to trigger this from the tabContent?
My current wizard footer template is as follows:
<template slot="footer" slot-scope="props">
<div class="text-center">
<wizard-button
v-if="nextButtonVisible"
@click.native="props.nextTab()"
class="btn btn-theme">
{{ buttonText(props.activeTabIndex) }}
</wizard-button>
<wizard-button
v-else
@click.native="alert('Done')"
class="btn btn-theme"
:style="props.fillButtonStyle">
{{props.isLastStep ? 'Done' : 'Continue'}}
</wizard-button>
<div class="mt-3 small-pagination text-center">{{ props.activeTabIndex }} of 4</div>
</div>
</template>
Ideally I'd like to make the first wizard-button here get disabled when i'm on say my third step.
Any insight would be appreciated.