Résumer les problèmes rencontrés dans le développement de mini-programmes

Résumé du problème :
(1) Le problème de l'utilisation de rpx pour la hauteur de la ligne de démarcation
Il y aura une ligne de démarcation directement entre deux informations adjacentes. Définissez la hauteur de la ligne sur. 1rpx. Les deux lignes de démarcation précédentes ne sont pas affichées, mais les autres sont affichées. Les attributs des lignes de démarcation sont les mêmes, et les lignes de démarcation qui ne sont pas affichées sur différents téléphones mobiles (résolutions différentes) sont également différentes. plusieurs lignes. Les lignes de séparation ne sont pas affichées. Je ne sais pas s'il s'agit d'un bug dans le simulateur ou d'un bug dans rpx. Solution : L'unité de taille de hauteur de la ligne de démarcation utilise px, ce qui résout ce problème.

(2) Problème d'enregistrement de page
Cette erreur peut être facile à comprendre, erreur d'enregistrement de page. La page est rendue via l'objet Page. Le fichier js correspondant à chaque page doit créer une page. Le plus simple est d'écrire Page({}) sous le fichier js. Le cycle de vie du rendu de la page est géré dans la page. Le traitement des données et les événements sont tous terminés ici. La raison de cette erreur est généralement que la page vient d'être créée et que le fichier js n'a pas été traité ou a été oublié.
Solution : prenez l'habitude de créer d'abord une page dans le fichier js lors de la création d'une page

(3) Erreur de routage de page
Causée par des appels répétés à la route, la solution est de supprimez un itinéraire, supprimez le composant ou supprimez wx.navigateTo.

(4) Ne pas avoir * Handle dans la page actuelle.
En fait, ce genre de problème se produit généralement lorsque nous définissons certains événements de traitement dans wxml, mais n'implémentons pas ce traitement d'événements dans le js méthode de fichier, cette erreur se produira. Ensuite, nous suivons les invites pour ajouter le traitement des événements au fichier js
Solution : Ne manquez aucune méthode pour appeler l'événement

(5) TabBar est configuré pour ne pas être affiché
Il y en a beaucoup raisons pour lesquelles la tabBar ne s'affiche pas, pour trouver cette erreur, allez directement dans le fichier app.json

La page n'est pas enregistrée dans app.json

La tabBar ne s'affiche pas à cause du mauvaise méthode d'écriture. La lettre majuscule B qu'il contient est écrite en minuscule, ce qui fait que tabBar ne s'affiche pas

Le champ pagePath n'est pas écrit dans la liste tabBar, ou la page dans pagePath n'est pas enregistrée

La page spécifiée par le pagePath de la liste tabBar n'est pas écrite en premier sur la page d'inscription. La logique de l'applet WeChat est que la première page de "pages" est la page d'accueil, qui est la première page affichée après le démarrage du programme. Si la page spécifiée par le chemin page de la liste tabBar n'est pas la première page de pages, bien sûr, ce sera le cas. La barre de tabulation ne sera pas affichée.

Le nombre de tabBar est inférieur à deux éléments ou supérieur à cinq éléments. Le responsable de WeChat stipule clairement que le tabBar doit avoir au moins deux éléments et un maximum de cinq éléments. La tabBar ne sera pas affichée si elle est supérieure ou inférieure à.

(6) wx.navigateTo ne peut pas ouvrir la page

Une application ne peut ouvrir que 5 pages en même temps. Après l'ouverture de 5 pages, wx.navigateTo ne peut pas ouvrir une nouvelle page normalement. Veuillez éviter les interactions à plusieurs niveaux ou utiliser wx.redirectTo

(7) Les ressources locales ne peuvent pas être obtenues via css

background-image : vous pouvez utiliser des images réseau, ou base64, ou utiliser

(8) Transfert de données de page

Le routage de l'applet WeChat (saut de page) est implémenté via l'API wx.navigateTo ou le composant Un paramètre important est l'URL, qui spécifie la page à sauter, et le transfert de données entre les pages est également implémenté via l'URL. Ce transfert de données est quelque peu similaire à la requête d'obtention de réseau que nous utilisons. Les paramètres sont intégrés à la page. à sauter. Allez à la fin de l'adresse de l'interface et connectez-la avec "?" Ajoutez ensuite les données à transmettre sous forme de clé et de valeur après "?", et plusieurs paramètres correspondent directement à "&". Vous pouvez l'écrire comme ceci

<navigator url="/pages/dynamic/dynamic?title={{item.title}}&message={{item.message}}">
<view class="item" >
<view class="item-left">
<image src="{{item.url}}" class="image"/>
</view>
<view class="item-middle">
<view>
<text class="title">{{item.title}}</text>
</view>
<view>
<text class="message">{{item.message}}</text>
</view>
</view>
<view class="item_right">
<view><text class="time">{{item.time}}</text></view>
<view class="mark" wx:if="{{item.count>0}}"><text class="text">{{item.count}}</text></view>
</view>
</view>
<view class="line"></view>
</navigator>

Et les données sont reçues dans la page du fichier js. Le cycle de vie de la page a une fonction onLoad, qui effectue un travail d'initialisation des données. un paramètre options. Nous Les données peuvent être obtenues via la clé, comme suit

onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
console.log(options.title) //这里是接收参数
console.log(options.message)
},

Cela réalise la fonction de transfert de données entre les 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!