Dalam bar navigasi, saya telah menggunakan gaya pautan aktif. Sebagai contoh, dalam bar navigasi saya mempunyai pautan tentang kami, hubungi kami, bahan, kuiz, dll. Apabila pautan ini diklik, penghalaan akan berubah, seperti 'http://localhost:3000/about-us', ' http:///localhost:3000/material' dsb., dan kelas aktiviti kemudiannya digunakan pada pautan untuk menyerlahkannya pada laluan yang sepadan.
Apabila menukar pautan, kelas aktiviti digunakan dengan betul, tetapi saya perhatikan bahawa apabila kembali ke sejarah seperti '/home' daripada '/material' (menekan butang belakang dalam penyemak imbas), kelas aktiviti tidak akan diaplikasikan. Ia masih digunakan pada pautan pada laluan yang sama (sebelum mengklik kembali).
Saya telah menggunakan javascript dalam mounted() untuk menggunakan gaya kelas aktif pada pautan navigasi (untuk semakan laluan awal dan menggunakan gaya) dan juga untuk menogol apabila pautan diklik.
Jadi, apakah sebabnya ia tidak berubah apabila kembali ke sejarah?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jika anda menggunakan
vue-router和它的Komponen ini akan menggunakan kelas CSS khas pada pautan yang sedang aktif. Secara lalai, kelas CSS ialah
router-link-active.Dokumentasi:https://router.vuejs.org/api/#active-class
Sila ambil perhatian bahawa kelas dalam Nuxt sebenarnya
nuxt-link-activenuxt-link-exact-activeBerikut ialah contoh:https://nuxtjs.org/examples/routing-active-links-classes
Boleh ditukar melalui konfigurasi seperti berikut:https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-router#linkactiveclass