使用 Vuetify Vuejs 刷新页面后如何保持在同一选项卡上

Question

我在我的页面上添加了几个标签，我试图在刷新页面后保持在同一个标​​签上，但我不知道如何处理这个问题。现在，如果我在 TAB-2 上并刷新页面，它将带我回到第一个选项卡。

<v-tabs vertical>
      <v-tab>
        <v-icon left>mdi-account</v-icon>
        TAB-1
      </v-tab>
      <v-tab>
        <v-icon left>mdi-lock</v-icon>
        TAB-2
      </v-tab>
      v-tab-item>
        <v-card flat>
          <v-card-text>
            <p>
              TAB-1 Sed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
            </p>
       </v-card-text>
        </v-card>
      </v-tab-item>
      <v-tab-item>
        <v-card flat>
          <v-card-text>
            <p>
              TAB -2 Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis .
            </p>
          </v-card-text>
        </v-card>
      </v-tab-item>
    </v-tabs

Answer 1

使用sessionStorage暂时保存v-model的值<tabs>

这样的

created(){
    this.model = sessionStorage.getItem('key');
},
methods:{
    handleChange(index){
        sessionStorage.setItem('key', index);      
    }
}