vue.js - 在 Vue 和 Vuetify 中设置为禁用的 v-tabs

Question

我有以下用于 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>

当应用程序启动时，所有选项卡都被禁用。在用户选择将用数据填充选项卡的项目之前，它们被禁用。显示数据后，选项卡需要变为事件状态。我想将代码添加到按钮单击以获取数据并且还允许选项卡变为事件状态。

Answer 1

知道了-我添加了绑定(bind)到禁用

           <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;