Comment revenir pour fermer la fenêtre dans Uniapp

UniApp est un framework d'application multi-terminal développé sur la base de Vue.js. En utilisant UniApp, nous pouvons facilement développer des applications prenant en charge plusieurs plates-formes (cross-terminal). Lors du développement d'applications UniApp, nous rencontrons souvent des situations dans lesquelles nous devons ouvrir une nouvelle page dans une page et revenir à la page d'origine après avoir effectué certaines opérations. Cet article explique comment implémenter les opérations de retour de page et de fermeture dans UniApp.

UniApp implémente l'opération de retour :

1. Implémenté via la méthode uni.navigateBack()

L'utilisation de la méthode uni.navigateBack() peut réaliser l'opération de retour à la page précédente sur la page actuelle. Cette méthode est une API intégrée fournie par uni-app, qui est utilisée pour implémenter les opérations de saut de page et de retour. Le code suivant peut être ajouté aux méthodes de la page Vue :

backPage:function(){
    uni.navigateBack({
        delta: 1
    });
}

Cette méthode définit un paramètre delta, indiquant le nombre de pages à retourner. La valeur par défaut est 1, ce qui signifie revenir à la page précédente. Si vous souhaitez revenir à la page précédente de la page spécifiée, vous devez définir la valeur en fonction de la situation spécifique.

2. Implémenté via les paramètres de saut d'itinéraire

L'utilisation de la méthode $router.go(-1) ou $router.back() dans la page Vue peut réaliser l'opération de retour de la page. Les deux méthodes renvoient l'itinéraire précédent à l'itinéraire actuel. Dans UniApp, nous pouvons l'appeler des manières suivantes :

backPage:function(){
    this.$router.go(-1);
    或者
    this.$router.back();
}

UniApp implémente l'opération de fermeture de fenêtre :

1 Grâce à la méthode uni.navigateBack()

Nous pouvons définir la valeur delta sur all via uni.navigateBack(. ) méthode Le nombre de pages de la fenêtre ouverte est utilisé pour fermer la fenêtre. Cette méthode renverra le nombre de pages spécifié et toutes les pages précédentes seront fermées. Nous pouvons y parvenir de la manière suivante :

closePage:function(){
    uni.navigateBack({
        delta: getCurrentPages().length
    });
}

La méthode getCurrentPages() est utilisée ici pour obtenir le nombre de pages ouvertes et l'utiliser comme valeur de delta pour fermer toutes les pages précédemment ouvertes.

2. Implémenté via la méthode uni.switchTab()

Si nous utilisons la fonction tabbar dans l'application, nous pouvons fermer toutes les pages sans tabulation via la méthode uni.switchTab(). Cette méthode bascule vers une page à onglets et ferme toutes les pages ouvertes sans onglets. Normalement, nous pouvons utiliser cette méthode pour fermer toutes les pages non essentielles lors de l'exécution de certaines opérations importantes. La méthode d'implémentation est la suivante :

closeOtherPage:function(){
    uni.switchTab({
        url: '/pages/tabbar/tabbarIndex/tabbarIndex',
        complete:function(){
            uni.navigateTo({
                url:'/pages/tabbar/tabbarPage/tabbarPage'
            })
        }
    })
}

Ce qui précède est la méthode pour implémenter les opérations de retour et de fermeture de page dans UniApp. Au cours du processus de développement, le choix de la méthode appropriée pour mettre en œuvre les opérations de retour et de fermeture de page en fonction des scénarios spécifiques de l'application peut non seulement améliorer l'expérience utilisateur de l'application, mais également fournir des fonctions plus complètes aux utilisateurs de l'application.

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!