Javascript 单击按钮后,移动到vuetify的下一个选项卡
如果我单击第一个选项卡内容中的按钮,那么我想移动到下一个选项卡。我该怎么做 选项卡:Javascript 单击按钮后,移动到vuetify的下一个选项卡,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,如果我单击第一个选项卡内容中的按钮,那么我想移动到下一个选项卡。我该怎么做 选项卡: 使用v-model和value并在changeTab方法中只更改绑定变量的值。工作代码段如下所示: newvue({ el:“#应用程序”, vuetify:新的vuetify(), 方法:{ changeTab(){ 这个。tab='tab-2' } }, 数据(){ 返回{ 选项卡:“选项卡1” } } }) 项目1 项目2 转到第2项 第2项的内容请点击此处 什么是v-tab您使用的是什么库?@pie
使用
v-model
和value
并在changeTab
方法中只更改绑定变量的值。工作代码段如下所示:
newvue({
el:“#应用程序”,
vuetify:新的vuetify(),
方法:{
changeTab(){
这个。tab='tab-2'
}
},
数据(){
返回{
选项卡:“选项卡1”
}
}
})
项目1
项目2
转到第2项
第2项的内容请点击此处
什么是v-tab
您使用的是什么库?@pierrevuetifylibrary@VarinderSohal您可以使用vuetify stepper组件来实现这一点。感谢Lana,这很有魅力。嗯,我们没有想到v型车。您似乎是vuetify和vuejs方面的专家,我们是初学者,因此您是否愿意在vuejs的危急情况下帮助我们,您是否有意见分歧或其他问题,以便我们能够保持联系。?再次感谢你。
<v-tabs
color="cyan"
dark
slider-color="yellow"
>
<v-tab ripple>
Item 1
</v-tab>
<v-tab ripple>
Item 2
</v-tab>
<v-tab-item>
<v-card flat>
<v-btn @click="changeTab()">
</v-card>
</v-tab-item>
<v-tab-item>
<v-card flat>
<v-card-text>Contents for Item 2 go here</v-card-text>
</v-card>
</v-tab-item>
</v-tabs>
changeTab(){
console.log('hello')
}