Un article explique comment accéder à la page dans Uniapp

Ces dernières années, le développement d'applications mobiles est devenu une tendance et Uniapp, en tant que cadre de développement adapté aux terminaux mobiles, est largement bien accueilli par les développeurs. Dans le développement d'Uniapp, sauter vers la page est une opération très courante. Cet article présentera les méthodes et précautions pour sauter la page dans Uniapp.

1. Comment accéder à la page

Dans Uniapp, vous pouvez utiliser uni.navigateTo et uni.redirectTo pour accéder à la page. La différence entre les deux est que le premier ajoutera la page actuelle à la pile de pages, ce qui peut être fait via la méthode uni.navigateBack. Revenir à la page précédente ; cette dernière ne conservera pas la page actuelle et vous ne pourrez pas revenir à la page précédente après avoir sauté via uni.switchTab.

1. Méthode uni.navigateTo

Utilisez la méthode uni.navigateTo pour accéder à la page. L'exemple de code est le suivant :

uni.navigateTo({
  url: '/pages/home/home',
  success: function(res) {
    console.log('跳转成功', res)
  },
  fail: function(err) {
    console.log('跳转失败', err)
  }
})

Le paramètre url représente le chemin de la page vers laquelle accéder, qui peut être un chemin absolu commençant. avec / ou un chemin relatif commençant par ./ ​​Chemin à parcourir, par exemple /pages/home/home est un chemin de page. La fonction de rappel success représente le rappel après un saut réussi, et la fonction fail représente le rappel après un saut échoué.

2. Méthode uni.redirectTo

Utilisez la méthode uni.redirectTo pour accéder à la page. L'exemple de code est le suivant :

uni.redirectTo({
  url: '/pages/home/home',
  success: function(res) {
    console.log('跳转成功', res)
  },
  fail: function(err) {
    console.log('跳转失败', err)
  }
})

Les paramètres url, success et fail sont les mêmes que la méthode uni.navigateTo et le seront. ne sera pas décrit à nouveau.

2. Notes

Lorsque vous accédez à une page, vous devez faire attention aux points suivants :

1. Le chemin de la page doit être correct

Lorsque vous utilisez uni.navigateTo ou uni.redirectTo, vous devez vous assurer que le le chemin passé dans le paramètre url est correct Correct, sinon vous ne pourrez pas accéder à la page cible.

2. Il est recommandé d'utiliser des chemins absolus pour les chemins de page

Pour éviter les erreurs de chemin, il est recommandé d'utiliser des chemins absolus commençant par / pour les sauts de page au lieu d'utiliser des chemins relatifs commençant par ./. Dans le même temps, généralement pendant le processus de développement, nous extrairons le chemin de la page dans le fichier de configuration pour une modification et une maintenance ultérieures. Les chemins absolus doivent également être utilisés à ce moment-là.

3. Ne sautez pas plus de 10 fois de suite

Lorsque vous sautez vers une page, il n'est pas recommandé de sauter plusieurs fois de suite, en particulier vers une page autre que la page actuelle, car la pile de pages peut ne pas être géré correctement. Il est préférable de ne pas sauter plus de 10 fois.

4. N'abusez pas d'uni.navigateBack

Lors de la gestion de la pile de pages, vous ne devez pas abuser de la méthode uni.navigateBack, car s'il y a trop de pages à sauter, cela peut provoquer le blocage de l'application, vous devriez donc faites attention au contrôle des temps et de la fréquence des sauts de page.

Grâce à cet article, nous avons découvert les méthodes et les précautions à prendre pour la page de saut Uniapp. Nous espérons qu'elle sera utile à tout le monde dans le développement d'Uniapp.

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!