Javascript Vuetify选项卡在@click上未更改

我使用的是Vueify版本2.3.10和vue 2.6。我正在使用vuetify的选项卡组件。我正在尝试添加一个按钮来在选项卡之间切换。但是这个按钮不会改变标签。但我可以通过单击选项卡名称来更改选项卡。请帮我找出哪里出了问题

<template>
    <v-card>{{current_tab}}
        <v-tabs v-model="current_tab">
          <v-tab href="#tab-1">Organisations</v-tab>
          <v-tab href="#tab-2">Locations</v-tab>
          <v-tab-item value="tab-1" id="tab-1">
            <p>Organsations</p>
            <v-btn @click="nextTab('tab-2')">
              Locations
            </v-btn>
          </v-tab-item>
          <v-tab-item value="tab-2" id="tab-2"> 
            <p>Locations</p>
            <v-btn @click="nextTab('tab-1')">
              Organisations
            </v-btn>
          </v-tab-item>
       </v-tabs>
     </v-card>
</template>


<script>

export default {
  data () {
    return {
      current_tab: 'tab-1',
    }
  },
  methods: {
    nextTab(next_tab) {
      this.current_tab = next_tab
    }
  }
};      
</script>

{{current_tab}}
开办组织
位置
器官

位置
地点

开办组织
导出默认值{
数据（）{
返回{
当前_选项卡：“选项卡1”，
}
},
方法：{
下一个选项卡（下一个选项卡）{
this.current\u tab=下一个\u tab
}
}
};      

工作正常@BoussadjraBrahim不知道我这方面出了什么问题。控制台中有错误吗？@Boussadjrarahim我正在v-card中打印当前_选项卡的值，只是为了检查当前_选项卡是否改变了值。在下一个选项卡中，当前_选项卡值确实会更改值，但在我打印当前_选项卡值的布局中，它会显示该值tab1@user12763413您应该创建一个演示您的问题的示例。