在Vue和Vuetify中设置为禁用的v-tab

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

知道了-我将绑定添加到了禁用

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