Fassen Sie die Probleme zusammen, die bei der Entwicklung von Miniprogrammen auftreten

Zusammenfassung des Problems:
(1) Das Problem der Verwendung von rpx für die Höhe der Trennlinie
Es wird eine Trennlinie direkt zwischen zwei benachbarten Informationen geben. Stellen Sie die Höhe der Linie ein 1rpx. Die beiden vorherigen Trennlinien werden nicht angezeigt, aber die Attribute der Trennlinien sind gleich, und die Trennlinien, die auf verschiedenen Mobiltelefonen nicht angezeigt werden (unterschiedliche Auflösungen), sind ebenfalls unterschiedlich Mehrere Zeilen werden nicht angezeigt. Ich weiß nicht, ob es sich um einen Fehler im Simulator oder um einen Fehler in rpx handelt. Lösung: Die Höheneinheit der Trennlinie verwendet px, wodurch dieses Problem gelöst wird.

(2) Seitenregistrierungsproblem
Dieser Fehler ist möglicherweise leicht zu verstehen, Seitenregistrierungsfehler. Die Seite wird über das Page-Objekt gerendert. Die einfachste Möglichkeit besteht darin, Page({}) in die Seite zu schreiben Hier werden Datenverarbeitung und Ereignisse abgeschlossen. Der Grund für diesen Fehler liegt normalerweise darin, dass die Seite gerade erst erstellt wurde und die js-Datei nicht verarbeitet wurde oder vergessen wurde.
Lösung: Gewöhnen Sie sich an, beim Erstellen einer Seite zuerst eine Seite in der js-Datei zu erstellen

(3) Seitenroutenfehler
Verursacht durch wiederholte Aufrufe der Route, besteht die Lösung darin Löschen Sie eine Route, löschen Sie die Komponente oder löschen Sie wx.navigateTo.

(4) Kein *-Handle auf der aktuellen Seite.
Tatsächlich tritt diese Art von Problem normalerweise auf, wenn wir einige Verarbeitungsereignisse in wxml definieren, diese Ereignisverarbeitung jedoch nicht in js implementieren Dateimethode wird dieser Fehler auftreten. Dann folgen wir den Anweisungen, um der js-Datei eine Ereignisverarbeitung hinzuzufügen
Lösung: Keine Methode zum Aufrufen des Ereignisses verpassen

(5) TabBar ist so eingestellt, dass sie nicht angezeigt wird
Es gibt viele Gründe, warum die tabBar nicht angezeigt wird. Um diesen Fehler zu finden, gehen Sie direkt zur app.json-Datei

Die Seite ist nicht in app.json registriert

Die tabBar wird aus diesem Grund nicht angezeigt Falsche Schreibweise. Der darin enthaltene Großbuchstabe B wird in Kleinbuchstaben geschrieben, was dazu führt, dass tabBar nicht angezeigt wird.

Das Feld pagePath wird nicht in die tabBar-Liste geschrieben oder die Seite im pagePath ist nicht registriert >

Die durch den pagePath der tabBar-Liste angegebene Seite wird nicht zuerst auf die Registrierungsseite geschrieben. Die Logik des WeChat-Applets besteht darin, dass die erste Seite in „Seiten“ die Startseite ist. Dies ist die erste Seite, die nach dem Start des Programms angezeigt wird. Wenn die durch den pagePath der TabBar-Liste angegebene Seite nicht die erste Seite in Seiten ist, Natürlich wird die tabBar nicht angezeigt.

Die Anzahl der tabBar beträgt weniger als zwei Elemente oder mehr als fünf Elemente. Der WeChat-Beamte legt eindeutig fest, dass die tabBar mindestens zwei Elemente und maximal fünf Elemente enthalten muss. Die tabBar wird nicht angezeigt, wenn sie größer oder kleiner ist.

(6) wx.navigateTo kann die Seite nicht öffnen

Eine Anwendung kann nur 5 Seiten gleichzeitig öffnen. Nachdem 5 Seiten geöffnet wurden, kann wx.navigateTo keine neue Seite normal öffnen. Bitte vermeiden Sie Interaktionen auf mehreren Ebenen oder verwenden Sie wx.redirectTo

(7) Lokale Ressourcen können nicht über CSS abgerufen werden

Hintergrundbild: Sie können Netzwerkbilder oder Base64 verwenden oder

(8) Seitendatenübertragung

WeChat-Applet-Routing (Seitensprung) wird über die API wx.navigateTo oder die -Komponente implementiert, unabhängig davon, welche Implementierung verwendet wird Ein wichtiger Parameter ist die URL, die die zu überspringende Seite angibt, und die Datenübertragung zwischen Seiten wird ebenfalls über die URL implementiert. Diese Datenübertragung ähnelt in gewisser Weise der von uns verwendeten Get-Netzwerkanforderung Gehen Sie zum Ende der Schnittstellenadresse und verbinden Sie diese mit „?“. Hängen Sie dann die zu übergebenden Daten in Form von Schlüssel und Wert nach „?“ an, und mehrere Parameter werden direkt mit „&“ abgeglichen. Sie können es so schreiben:

<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>

Und die Daten werden auf der Seite der js-Datei empfangen. Der Seitenlebenszyklus verfügt über eine OnLoad-Funktion, die einige Arbeiten zur Initialisierung der Daten übernimmt a Parameteroptionen Wir können die Daten wie folgt über den Schlüssel abrufen:

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

Dadurch wird die Datenübertragungsfunktion zwischen Seiten realisiert.

Das obige ist der detaillierte Inhalt vonFassen Sie die Probleme zusammen, die bei der Entwicklung von Miniprogrammen auftreten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!