Bagaimana untuk menutup halaman H5 dalam uniapp

Baru-baru ini, dalam proses membangunkan projek H5 menggunakan uniapp, saya menghadapi masalah: cara menutup halaman H5 dalam uniapp. Selepas beberapa penerokaan dan penyelidikan, saya merumuskan kaedah berikut, dengan harapan dapat membantu lebih ramai pembangun.

Kaedah 1: Gunakan kaedah uni.navigateBack

uniapp menyediakan fungsi terbina dalam uni.navigateBack, yang digunakan untuk menutup halaman. Jika anda ingin menutup halaman semasa, anda hanya perlu melaksanakan uni.navigateBack dalam halaman semasa. Jika anda ingin menutup halaman lain, anda perlu melaksanakan kod yang berbeza Operasi khusus adalah seperti berikut:

Tutup halaman semasa:

uni.navigateBack({
  delta: 1
})

Tutup halaman bukan semasa: <.>

uni.getCurrentPages()[index].$vm.$destroy()

Antaranya indeks ialah nombor indeks halaman yang perlu ditutup Contohnya, jika kita ingin menutup halaman yang dibuka selepas yang kedua, indeksnya ialah 1.

Kaedah 2: Gunakan kaedah tutup objek tetingkap

Dalam pembangunan H5, kita boleh menggunakan kaedah tutup objek tetingkap untuk menutup halaman semasa. Kaedah ini juga boleh digunakan dalam uniapp Kod khusus adalah seperti berikut:

window.close()

Selepas menutup halaman menggunakan kaedah ini, ia akan kembali terus ke halaman sumber. Maksudnya, jika anda membuka halaman baharu melalui window.open, dan kemudian menggunakan window.close untuk menutup halaman dalam halaman tersebut, anda akan terus kembali ke halaman asal.

Perlu diambil perhatian bahawa jika halaman semasa dibuka dalam iframe, menggunakan kaedah window.close hanya akan menutup iframe, bukan keseluruhan halaman.

Kaedah 3: Gunakan kaedah location.replace

Kaedah location.replace digunakan untuk memuatkan halaman baharu dan menggantikan URL halaman dengan URL yang disediakan oleh kaedah tersebut. Jika anda menukar URL kaedah ini kepada URL halaman semasa, anda boleh menutup halaman semasa Kod khusus adalah seperti berikut:

location.replace(location.href)

Kelemahan kaedah ini ialah ia tidak boleh kembali ke. halaman sebelumnya. Jika anda perlu kembali, anda perlu melakukan pemprosesan yang sepadan pada halaman sebelumnya.

Kaedah 4: Gunakan kaedah location.href

Kaedah location.href digunakan untuk melompat ke alamat URL baharu. Jika kami menetapkan URL kepada javascript:window.close(), kami boleh merealisasikan fungsi penutup halaman. Kod khusus adalah seperti berikut:

location.href = 'javascript:window.close()'

Perlu diambil perhatian bahawa kaedah ini tidak menyokong kembali ke halaman sebelumnya.

Di atas adalah beberapa kaedah yang telah saya rumuskan untuk menutup halaman H5 uniapp Setiap kaedah mempunyai kelebihan dan kekurangannya sendiri, dan pembangun boleh memilih secara bebas mengikut keperluan sebenar. Pada masa yang sama, terdapat juga beberapa pemalam sumber terbuka dan perpustakaan sambungan yang menyediakan fungsi menutup halaman H5, yang boleh didapati melalui enjin carian.

Atas ialah kandungan terperinci Bagaimana untuk menutup halaman H5 dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!