Comment fermer la page H5 dans uniapp

Récemment, lors du développement de projets H5 à l'aide d'uniapp, j'ai rencontré un problème : comment fermer la page H5 dans uniapp. Après quelques explorations et recherches, j'ai résumé les méthodes suivantes, dans l'espoir d'aider davantage de développeurs.

Méthode 1 : utilisez la méthode uni.navigateBack

uniapp fournit une fonction intégrée uni.navigateBack, qui est utilisée pour fermer la page. Si vous souhaitez fermer la page actuelle, il vous suffit d'exécuter uni.navigateBack dans la page actuelle. Si vous souhaitez fermer d'autres pages, vous devez exécuter différents codes. Les opérations spécifiques sont les suivantes :

Fermer la page en cours :

uni.navigateBack({
  delta: 1
})

Fermer la page non courante :

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

où, index est le numéro d'index de la page qui doit être fermée, par exemple, que nous voulons fermer. L'index de la page ouverte après la seconde est 1.

Méthode 2 : Utiliser la méthode close de l'objet window

Dans le développement H5, nous pouvons utiliser la méthode close de l'objet window pour fermer la page actuelle. Cette méthode peut également être utilisée dans uniapp. Le code spécifique est le suivant :

window.close()

Après avoir utilisé cette méthode pour fermer la page, elle reviendra directement à la page source. C'est-à-dire que si vous ouvrez une nouvelle page via window.open, puis utilisez window.close pour fermer la page de cette page, vous reviendrez directement à la page d'origine.

Il convient de noter que si la page actuelle est ouverte dans une iframe, l'utilisation de la méthode window.close fermera uniquement l'iframe, pas la page entière.

Méthode 3 : Utiliser la méthode location.replace

La méthode location.replace est utilisée pour charger une nouvelle page et remplacer l'URL de la page par l'URL fournie par la méthode. Si vous remplacez l'URL de cette méthode par l'URL de la page actuelle, vous pouvez fermer la page actuelle. Le code spécifique est le suivant :

location.replace(location.href)

L'inconvénient de cette méthode est qu'elle ne peut pas revenir à la page précédente. Si vous devez revenir, vous devez effectuer le traitement correspondant sur la page précédente.

Méthode 4 : Utilisez la méthode location.href

La méthode location.href est utilisée pour accéder à une nouvelle adresse URL. Si nous définissons l'URL sur javascript:window.close(), nous pouvons réaliser la fonction de fermeture de page. Le code spécifique est le suivant :

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

Il est à noter que cette méthode ne prend pas en charge le retour à la page précédente.

Ci-dessus sont les différentes méthodes que j'ai résumées pour fermer la page uniapp H5. Chaque méthode a ses propres avantages et inconvénients, et les développeurs peuvent choisir librement en fonction des besoins réels. Dans le même temps, il existe également des plug-ins open source et des bibliothèques d'extensions qui offrent la fonction de fermer les pages H5, qui peuvent être trouvées via les moteurs de recherche.

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!