我为v-tabs控件提供了以下代码:
<v-tab
disabled
v-for="tab of tabs"
:key="tab.index"
v-on:change="tabSelected(tab.index)"
>{{tab.name}}</v-tab>
</v-tabs>
当应用启动时,所有选项卡均被禁用。在用户选择一个将用数据填充选项卡的项目之前,将禁用它们。显示数据后,选项卡需要激活。我想将代码添加到单击按钮中,以获取数据,并使该选项卡变为活动状态。
知道了-我添加了对禁用的绑定
<v-tab
:disabled="isDisabled"
v-for="tab of tabs"
:key="tab.index"
v-on:change="tabSelected(tab.index)"
>{{tab.name}}</v-tab>
</v-tabs>
然后在按钮上单击
this.isDisabled = false;