Comment implémenter la redirection de page dans Uniapp

Uniapp est un cadre de développement d'applications multiplateforme grâce auquel le développement d'applications multiterminaux peut être rapidement réalisé. Dans Uniapp, il est très simple d'implémenter la redirection de page, qui peut être réalisée via la méthode uni.redirectTo. Ci-dessous, je présenterai en détail comment implémenter la redirection de page dans Uniapp et fournirai des exemples de code pertinents.

1. Instructions d'utilisation de la méthode uni.redirectTo
La méthode uni.redirectTo est utilisée pour fermer la page actuelle et accéder à d'autres pages de l'application. Lorsqu'une redirection se produit, la page actuelle sera fermée et il ne sera plus possible d'y revenir.

2. Exemples de code spécifiques
Ce qui suit est un exemple de code qui montre comment implémenter la redirection de page dans Uniapp :

1. Dans l'événement click de la page d'origine A, accédez à la page cible B via la méthode uni.redirectTo :

// 页面A的点击事件处理函数
<template>
  <view @click="redirectToPageB">跳转到页面B</view>
</template>

<script>
export default {
  methods: {
    redirectToPageB() {
      uni.redirectTo({
        url: '/pages/pageB' // 目标页面的路径
      });
    }
  }
}
</script>

2. Dans la page cible B, ajoutez un bouton pour revenir à la page précédente, et implémentez la fonction de retour via la méthode uni.navigateBack :

// 页面B的返回按钮事件处理函数
<template>
  <view>
    <view>这是页面B</view>
    <button @click="goBack">返回上一级页面</button>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateBack();
    }
  }
}
</script>

Grâce à l'exemple de code ci-dessus, nous pouvons voir cela en cliquant sur un élément à la page A Quand , passez à la page B via la méthode uni.redirectTo et implémentez la fonction de retour à la page précédente via la méthode uni.navigateBack dans la page B. uni.redirectTo方法跳转到页面B，并在页面B中通过uni.navigateBack方法实现返回上一级页面的功能。

三、总结
通过uni.redirectTo方法，我们可以在Uniapp中实现页面的重定向。只需在原页面的事件处理函数中调用uni.redirectTo方法，并传入目标页面的路径即可实现。

需要注意的是，在Uniapp中页面的路径需要以/

3.Résumé

Grâce à la méthode uni.redirectTo, nous pouvons implémenter la redirection de page dans Uniapp. Appelez simplement la méthode uni.redirectTo dans le gestionnaire d'événements de la page d'origine et transmettez le chemin de la page cible.

🎜Il convient de noter que le chemin de la page dans Uniapp doit commencer par / et que le chemin n'a pas besoin d'ajouter un suffixe de fichier. 🎜🎜Ce qui précède est une introduction et un exemple de code sur la façon d'implémenter la redirection de page dans Uniapp. J'espère que cela vous sera utile. 🎜

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!