How to disable nextButton from tabContent?

[andrefigueira]

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.