Bagaimana untuk menutup halaman semasa dalam uniapp? Pengenalan kepada kaedah biasa

Apabila menggunakan uniapp untuk membangunkan aplikasi mudah alih, anda sering menghadapi keperluan untuk menutup halaman semasa. Artikel ini akan memperkenalkan beberapa kaedah biasa untuk menutup halaman semasa.

Kaedah 1: Gunakan uni.navigateBack

uni.navigateBack ialah API yang disediakan oleh uniapp, yang boleh digunakan untuk kembali ke halaman sebelumnya. Jika halaman semasa tidak mempunyai halaman sebelumnya, kembali ke halaman utama. Anda boleh menentukan bilangan lapisan untuk dikembalikan dengan menghantar parameter delta Nilai lalai ialah 1, yang bermaksud kembali ke halaman sebelumnya.

Tutup halaman semasa dengan memanggil kaedah uni.navigateBack Kodnya adalah seperti berikut:

uni.navigateBack({
  delta: 1,
  animationType: 'pop-out',
  animationDuration: 200
});

Dengan cara ini, apabila peristiwa dicetuskan, kaedah boleh dipanggil untuk menutup. halaman semasa.

Kaedah 2: Gunakan uni.navigateBackTo

uni.navigateBackTo ialah API lain yang disediakan oleh uniapp, yang boleh digunakan untuk kembali ke halaman yang ditentukan. Kita boleh menggunakan kaedah uni.redirectTo untuk melompat ke antara muka yang perlu menutup halaman, dan kemudian memanggil kaedah uni.navigateBackTo dalam antara muka yang perlu menutup halaman untuk kembali ke halaman sebelum melompat.

//在A页面跳转到B页面
uni.redirectTo({
  url: '/pages/B/B'
})

//在B页面返回A页面
uni.navigateBackTo({
  url: '/pages/A/A',
  animationType: 'pop-out',
  animationDuration: 200
})

Dengan cara ini anda boleh menutup halaman semasa dengan melompat ke halaman dan kemudian kembali.

Kaedah 3: Gunakan uni.reLaunch

Jika kita ingin melompat ke halaman utama atau halaman lain selepas menutup halaman semasa, kita boleh menggunakan kaedah uni.reLaunch. Kaedah ini akan menutup semua halaman yang terbuka dan kemudian melompat ke halaman yang ditentukan.

uni.reLaunch({
  url: '/pages/index/index',
  animationType: 'pop-out',
  animationDuration: 200
})

Dengan cara ini anda boleh melompat ke halaman lain selepas menutup halaman semasa.

Kaedah 4: Gunakan uni.navigateBack + $once

Kaedah uni.navigateBack hanya akan kembali ke halaman sebelumnya Jika anda perlu menutup lebih banyak halaman, anda boleh memanggilnya beberapa kali kaedah untuk mencapai. Menggunakan $once, anda boleh mendaftarkan pendengar acara yang hanya akan dipanggil sekali apabila halaman dimuatkan Apabila halaman ditutup, acara boleh dicetuskan untuk memanggil kaedah uni.navigateBack.

Daftar pendengar acara rapat melalui $once apabila halaman dimuatkan:

onLoad() {
    this.$once('close', () => {
      uni.navigateBack({
        delta: 1,
        animationType: 'pop-out',
        animationDuration: 200
      });
    });
  }

Kemudian apabila anda perlu menutup halaman, anda boleh menutup halaman dengan mencetuskan. acara tersebut. Kodnya adalah seperti berikut:

this.$emit('close');

Dengan cara ini, lebih banyak halaman boleh ditutup dengan memanggil kaedah uni.navigateBack beberapa kali.

Ringkasan:

Artikel ini memperkenalkan empat kaedah biasa untuk menutup halaman semasa, iaitu menggunakan uni.navigateBack, uni.navigateBackTo, uni.reLaunch dan uni.navigateBack + $once. Dalam pembangunan khusus, anda boleh memilih kaedah yang hendak digunakan berdasarkan keperluan sebenar. Dengan menguasai kaedah ini, kami boleh membangunkan uniapp dengan lebih mudah.

Atas ialah kandungan terperinci Bagaimana untuk menutup halaman semasa dalam uniapp? Pengenalan kepada kaedah biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!