Comment forcer la fermeture de la page dans Uniapp

Lors du développement d'applications Uniapp, il existe des situations dans lesquelles nous devons fermer la page de force, par exemple lorsque l'utilisateur se déconnecte, que certaines opérations échouent, etc. Cet article présentera plusieurs méthodes pour fermer de force la page dans uniapp.

1. Utilisez les paramètres de page pour obtenir une fermeture forcée

Le moyen le plus simple de l'implémenter est d'implémenter la fermeture forcée via les paramètres de page. Les étapes spécifiques sont les suivantes :

1. Définissez une variable sur la page qui doit être fermée de force, telle que isClosePage, avec la valeur initiale étant fausse.
2. Lorsque vous accédez à la page, transmettez un paramètre closePage via le paramètre de requête, avec une valeur de 1, indiquant que la page doit être fermée de force.
3. Dans le cycle de vie monté de la page, déterminez si la valeur de closePage est 1. Si tel est le cas, définissez la valeur de isClosePage sur true.
4. Écoutez les modifications isClosePage sur la page. Si la valeur de isClosePage est vraie, effectuez l'opération de fermeture de la page.

Ce qui suit est un exemple de code :

// pageA.vue

<template>
  <div>Page A</div>
</template>

<script>
export default {
  data() {
    return {
      isClosePage: false
    }
  },
  mounted() {
    if (this.$route.query.closePage) {
      this.isClosePage = true;
    }
  },
  watch: {
    isClosePage: function(val) {
      if (val) {
        uni.navigateBack();
      }
    }
  }
}
</script>


// 跳转到pageA时

uni.navigateTo({
  url: '/pages/pageA?pageId=' + pageId + '&closePage=1',
});

2. Fermeture forcée via l'API fournie par uniapp

En plus d'implémenter la fermeture forcée via les paramètres de page, uniapp fournit également des API pour implémenter cette fonction. Deux API couramment utilisées sont présentées ci-dessous :

1. uni.navigateBack()

Cette API est utilisée pour fermer la page actuelle. Vous pouvez appeler cette méthode sur la page dont la fermeture est forcée pour obtenir une fermeture forcée. Si vous devez fermer plusieurs pages, vous pouvez appeler cette méthode plusieurs fois.

Voici un exemple de code :

// 强制关闭当前页面
uni.navigateBack();

// 强制关闭前两个页面
uni.navigateBack({
  delta: 2
});

2. uni.reLaunch()

Cette API est utilisée pour fermer toutes les pages et ouvrir une certaine page de l'application. Si vous devez forcer la fermeture de la page actuelle et ouvrir une nouvelle page, vous pouvez appeler cette méthode.

Voici un exemple de code :

// 强制关闭当前页面并打开pageB页面
uni.reLaunch({
  url: '/pages/pageB'
});

Il convient de noter que l'appel de cette méthode fermera toutes les pages ouvertes, y compris la page tabBar. Si vous devez conserver la page tabBar, vous devez définir la page tabBar pour qu'elle ne puisse pas être fermée.

Vous trouverez ci-dessus plusieurs méthodes pour fermer de force la page dans uniapp. Les développeurs peuvent choisir une méthode qui leur convient en fonction de leurs besoins réels.

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!