Maison > Applet WeChat > Développement de mini-programmes > Développer 4 méthodes de sauts de page dans les mini-programmes WeChat à partir de zéro (6)

Développer 4 méthodes de sauts de page dans les mini-programmes WeChat à partir de zéro (6)

小云云
Libérer: 2018-05-11 16:54:08
original
3403 Les gens l'ont consulté

Utilisation : utilisé pour le saut de page, équivalent à la balise Cet article partage principalement avec vous quatre méthodes de saut de page dans le développement de mini-programmes WeChat à partir de zéro (6).

Quatre méthodes de saut, écrivez un morceau de code dans l'index pour tester

1 : Passer de la page d'accueil à la page de journal (vous pouvez revenir)

(Remarque , En l'absence de navigation inférieure, cet attribut peut être utilisé sans onglets. S'il existe une page à onglet, l'attribut switchTab doit être remplacé)

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle">页面跳转,可以返回</navigator></view>
Copier après la connexion

<. 🎜>

2 : Passer de la page d'accueil à la page de journal (retour impossible)

(Notez que lorsque la navigation inférieure n'est pas définie, cet attribut peut être utilisé sans onglets. S'il y a est une page à onglet, switchTab doit être remplacé Propriétés)

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle" redirect>页面跳转,无法返回</navigator></view>
Copier après la connexion

3 : Ouvrez

sur la page actuelle pour créer un nouveau dossier, nommez-le non, et améliorez les informations de test wxml à l'intérieur, pour plus de commodité Testez pour remplir le contenu à volonté

<view class="btn-area">  
   <navigator url="/pages/test/test" hover-class="navigator-hover">我是一个自由分散的页面哦</navigator>  
 </view>
Copier après la connexion

Ouvrez le fichier global app.json et écrivez le chemin du dossier nouvellement créé no dans

picture.png.

Nous voulons maintenant tester l'ouverture du lien depuis la page d'accueil. Cliquez sur le lien pour ouvrir la page non sur la page d'accueil actuelle.

4 : Passer à la page à onglet :

代码<view><navigator url="/pages/logs/logs" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator></view>
Copier après la connexion
Remarque : Le saut que j'utilise ici est le saut switchTab, pas le navigateur
Raison : tous les chemins de page doivent être configurés dans la barre d'onglets sous les pages. Il y a généralement quatre pages principales. Les sauts entre ces pages principales sont comme le changement d'onglet. Ces pages doivent être configurées séparément dans la barre d'onglets. quatre pages principales, vous ne pouvez pas utiliser le navigateur et devez utiliser switchTab.

Résumé de l'expérience : lors de la configuration du chemin page de l'élément de liste dans la barre d'onglets, essayez de ne pas l'utiliser comme lien de saut vers d'autres pages.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal