vue.js - v-tabs 内容溢出但显示箭头不起作用

Question

我有这个代码

<v-toolbar>
  <v-tabs
        next-icon="mdi-arrow-right"
        prev-icon="mdi-arrow-left"
        show-arrows="always"
        hide-slider
        icons-and-text
        centered
      >
        <v-tab>
          Button 1 
        </v-tab>

         <v-tab>
          Button 2
        </v-tab>

        <v-divider>

         <v-tab>
          Button 3
        </v-tab>

         ....
         <v-tab>
          Button n
        </v-tab>

问题是虽然按钮的数量超过了最大宽度（溢出）但显示箭头仍然被禁用。我必须单击某个按钮，然后它才会启用。有什么建议吗？