javascript - Comment Vue empêche-t-il n'importe quelle page à onglet de revenir au premier onglet après l'avoir actualisé?

Question

Comme dans l'exemple ci-dessus, lorsque je clique sur la page du terrain d'entraînement sur la page initiale du formateur, elle s'actualise lors de la navigation sur la page du terrain d'entraînement, mais je ne souhaite pas revenir à la colonne du formateur. Comment puis-je y parvenir ? De la même manière, lorsque j'ai sélectionné la condition de filtre District de Nanshan, j'ai cliqué pour sélectionner un terrain d'entraînement à afficher dans la liste, mais quand je suis revenu...

漂亮男人 · Answer

Vous avez déjà mentionné les 3 points ci-dessus, faites-le.
Fournissez une idée :
Lorsque vous cliquez pour passer de l'onglet 1 à l'onglet 2, enregistrez une marque localement, par exemple :

sessionStorage.setItem("flag", "1");

A ce moment, vous actualisez le navigateur tab2, et js détermine si le drapeau existe localement. S'il existe, tab2 est activé sinon, il revient à tab1.

Notez que l'indicateur stocké localement est supprimé lorsque tab1 est initialisé.

phpcn_u1582 · Answer

Comme mentionné au premier étage, ajoutez l'indicateur d'étiquette actuel aux données d'option de l'instance Vue

new Vue({
  el: '#app',
  data: {
    currentTab: localStorage.getItem('currentTab') || 0,
    tabItems: [
     // 标签数据
    ]
  },
  methods: {
    // 切换标签事件
    switchTab: function(index) {
        // 相关逻辑 ...
        localStorage.setItem('currentTab', index);
    }
  }
})

C'est probablement l'idée, j'espère que ça pourra servir de référence pour l'affiche

PHP中文网 · Answer

Ecrire les paramètres sur l'itinéraire est aussi une méthode