gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 10:58:53 25 4
gpt4 key购买 nike

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

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

最佳答案

知道了-我添加了绑定(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;

关于vue.js - 在 Vue 和 Vuetify 中设置为禁用的 v-tabs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58966267/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com