Rumah  >  Artikel  >  hujung hadapan web  >  halaman pulangan uniapp tidak dimuatkan semula

halaman pulangan uniapp tidak dimuatkan semula

王林
王林asal
2023-05-26 10:46:073688semak imbas

Uniapp ialah rangka kerja pembangunan merentas platform yang digunakan secara meluas dalam pembangunan mudah alih. Walau bagaimanapun, ramai pembangun akan menghadapi masalah apabila membangun dengan uniapp: halaman pulangan tidak akan dimuat semula.

Manifestasi khusus masalah ini ialah: apabila kami melaraskan beberapa data pada halaman A dan kemudian kembali ke halaman B sebelumnya, kami mendapati halaman B belum dimuat semula, dan data itu masih asli, bukan data yang dikemas kini. Ini menyusahkan pembangun kerana ia mungkin membawa kepada paparan halaman yang tidak tepat atau kekeliruan untuk pengguna.

Jadi mengapa halaman uniapp kembali tidak dimuat semula? Ini kerana vue-router digunakan untuk kawalan penghalaan dalam pembangunan uniapp, dan vue-router menggunakan mod navigasi tindanan secara lalai Maksudnya, penukaran antara halaman yang berbeza diselesaikan dengan menolak dan memunculkan tindanan. Dalam kes ini, apabila kita kembali dari halaman A ke halaman B, keadaan halaman B masih dalam keadaan sebelumnya dan tidak akan dimuatkan semula.

Walaupun masalah ini kelihatan sukar diatasi, sebenarnya terdapat pelbagai penyelesaian.

  1. Gunakan fungsi cangkuk penghalaan

Fungsi cangkuk penghalaan boleh melakukan beberapa operasi semasa proses penukaran laluan, seperti meminta data dalam beforeRouteEnter dan mengosongkan data dalam beforeRouteLeave. Kami boleh memuat semula halaman secara manual sebelumRouteEnter apabila kembali ke halaman, supaya halaman boleh dimuat semula.

  1. Gunakan vuex untuk pengurusan negeri

Jika aplikasi menggunakan vuex untuk pengurusan negeri, maka kami boleh menggunakan vuex untuk mengemas kini status halaman apabila kembali ke halaman. Dengan cara ini, status halaman boleh dikemas kini walaupun halaman tidak dimuat semula.

  1. Parameter halaman diluluskan dan dipaparkan semula secara manual

Jika kami melaraskan data pada halaman A dan perlu memaparkan data yang dikemas kini ini pada halaman B, maka kami boleh kembali Untuk halaman B, hantar data ini ke halaman B melalui parameter pertanyaan atau parameter params, dan kemudian panggil kaedah muat semula halaman secara manual untuk memaparkan semula halaman.

Untuk meringkaskan, walaupun merupakan masalah yang menyusahkan bahawa halaman pemulangan uniapp tidak dimuat semula, masalah ini boleh diselesaikan dengan agak mudah dengan menggunakan fungsi cangkuk penghalaan, pengurusan keadaan vuex atau pemaparan semula manual.

Atas ialah kandungan terperinci halaman pulangan uniapp tidak dimuatkan semula. 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