Rumah > hujung hadapan web > View.js > Bagaimana untuk menyelesaikan masalah yang menolak laluan vuejs tidak melompat

Bagaimana untuk menyelesaikan masalah yang menolak laluan vuejs tidak melompat

藏色散人
Lepaskan: 2021-11-01 11:34:54
asal
6238 orang telah melayarinya

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: ""}});
 }
Salin selepas log masuk

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);
    }
},
Salin selepas log masuk

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!

Label berkaitan:
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan