javascript - Bagaimanakah Vue menghalang mana-mana halaman tab daripada kembali ke tab pertama selepas menyegarkannya?

Question

Seperti contoh di atas, apabila saya mengklik pada halaman latihan pada halaman pelatih awal, ia dimuat semula semasa menyemak imbas halaman latihan, tetapi saya tidak mahu melompat kembali ke lajur jurulatih. Bagaimana saya boleh mencapai ini? Dengan cara yang sama, apabila saya memilih keadaan penapis Daerah Nanshan, saya mengklik untuk memilih tempat latihan untuk dilihat daripada senarai, tetapi apabila saya kembali...

漂亮男人 · Answer

Anda telah menyebut 3 perkara di atas, lakukan sahaja.
Memberi idea:
Apabila anda mengklik untuk beralih daripada tab1 ke tab2, simpan tanda secara setempat, seperti:

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

Pada masa ini, anda memuat semula penyemak imbas tab2, dan js menentukan sama ada bendera itu wujud secara setempat. Jika ia wujud, tab2 diaktifkan jika tidak, ia akan kembali ke tab1.

Perhatikan bahawa bendera yang disimpan secara setempat dipadamkan apabila tab1 dimulakan.

phpcn_u1582 · Answer

Seperti yang dinyatakan di tingkat satu, tambahkan penunjuk label semasa pada data pilihan contoh Vue

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

Ini mungkin ideanya, harap boleh jadi rujukan poster

PHP中文网 · Answer

Menulis parameter pada laluan juga merupakan kaedah