Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menyelesaikan masalah yang menolak laluan vuejs tidak melompat

Bagaimana untuk menyelesaikan masalah yang menolak laluan vuejs tidak melompat

藏色散人
藏色散人asal
2021-11-01 11:34:546149semak imbas

Penyelesaian kepada masalah yang vuejs route push tidak melompat: 1. Buka vue-router untuk melompat ke bahagian kod 2. Tambah "watch: {'$route' (to, from) {. ..}, "Kaedah; 3. Pantau perubahan penghala dan muat semula halaman.

Bagaimana untuk menyelesaikan masalah yang menolak laluan vuejs tidak melompat

Persekitaran pengendalian artikel ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Bagaimana untuk menyelesaikan masalah yang vuejs route push tidak melompat?

vue-router mempunyai laluan yang sama seperti $router.push dan tidak melompat >vue-router jumps Ia biasanya ditulis seperti ini:

Tetapi apabila ia datang kepada situasi di mana anda perlu melompat ke halaman yang sama dengan pertanyaan yang berbeza, kaedah di atas tidak berfungsi. Sudah tentu, dari segi prestasi, penyelesaian terbaik secara teori untuk situasi ini ialah membungkus apa yang perlu disegarkan ke dalam fungsi init, melompat ke kaedah, lulus parameter dan memanggil kaedah init sekali lagi. balabalabala...saya tidak akan menjelaskan secara terperinci.
toCurrentPage: function(thisId){
          this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
 }

Tetapi dalam kes lain, semua komponen halaman asas perlu dimuatkan semula mempunyai sedikit kesan pada Sejarah.belakang diperlukan untuk memastikan logik operasi lancar... Kita hanya perlu melompat ke muatkan, jadi ia sebenarnya sangat mudah, cuma tambahkan kaedah di atas:

Pantau perubahan penghala dan muat semula halaman~
watch: {
    '$route' (to, from) {
        this.$router.go(0);
    }
},

Disyorkan: "

5 terkini Tutorial video vue.js Pilih

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah yang menolak laluan vuejs tidak melompat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn