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')
}