Comment fermer la page actuelle dans uniapp ? Introduction aux méthodes courantes

Lorsque vous utilisez uniapp pour développer des applications mobiles, vous rencontrez souvent le besoin de fermer la page actuelle. Cet article présentera plusieurs méthodes courantes pour fermer la page en cours.

Méthode 1 : Utiliser uni.navigateBack

uni.navigateBack est une API fournie par uniapp, qui peut être utilisée pour revenir à la page précédente. Si la page actuelle n'a pas de page précédente, revenez à la page d'accueil. Vous pouvez spécifier le nombre de couches à renvoyer en passant le paramètre delta. La valeur par défaut est 1, ce qui signifie revenir à la page précédente.

Fermez la page en cours en appelant la méthode uni.navigateBack. Le code est le suivant :

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

De cette façon, lorsque l'événement est déclenché, la méthode peut être appelée pour fermer la page en cours.

Méthode 2 : Utiliser uni.navigateBackTo

uni.navigateBackTo est une autre API fournie par uniapp, qui peut être utilisée pour revenir à la page spécifiée. Nous pouvons utiliser la méthode uni.redirectTo pour accéder à l'interface qui doit fermer la page, puis appeler la méthode uni.navigateBackTo dans l'interface qui doit fermer la page pour revenir à la page avant le saut.

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

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

De cette façon, vous pouvez fermer la page actuelle en accédant à la page puis en revenant.

Méthode 3 : Utilisez uni.reLaunch

Si nous voulons accéder à la page d'accueil ou à d'autres pages après avoir fermé la page en cours, nous pouvons utiliser la méthode uni.reLaunch. Cette méthode fermera toutes les pages ouvertes, puis passera à la page spécifiée.

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

De cette façon, vous pouvez accéder à d'autres pages après avoir fermé la page actuelle.

Méthode 4 : utilisez uni.navigateBack + $once

La méthode uni.navigateBack ne reviendra qu'à la page précédente. Si vous devez fermer plus de pages, vous pouvez le faire en appelant cette méthode plusieurs fois. En utilisant $once, vous pouvez enregistrer un écouteur d'événement qui ne sera appelé qu'une seule fois lors du chargement de la page. Lorsque la page est fermée, l'événement peut être déclenché pour appeler la méthode uni.navigateBack.

Enregistrez un écouteur d'événement proche via $once lorsque la page se charge. Le code est le suivant :

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

Ensuite, lorsque vous devez fermer la page, vous pouvez fermer la page en déclenchant l'événement.

this.$emit('close');

De cette façon, vous pouvez passer La méthode uni.navigateBack est appelée plusieurs fois pour fermer plus de pages.

Résumé :

Cet article présente quatre méthodes courantes pour fermer la page actuelle, à savoir l'utilisation d'uni.navigateBack, uni.navigateBackTo, uni.reLaunch et uni.navigateBack + $once. Lors d'un développement spécifique, vous pouvez choisir la méthode à utiliser en fonction des besoins réels. En maîtrisant ces méthodes, nous pouvons développer uniapp plus facilement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!