Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Verwendung des WeChat-Applets wx:for und wx:for-item

Detaillierte Erläuterung der Verwendung des WeChat-Applets wx:for und wx:for-item

亚连
Freigeben: 2018-05-26 17:47:39
Original
5188 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die korrekte Verwendung des WeChat-Applets wx:for und wx:for-item vorgestellt. wx:for-item dient dazu, der Liste einen Alias ​​zuzuweisen Wenige für Sie. Falsche Verwendung, lassen Sie uns gemeinsam lernen.

wx:for="{{list}}" wird verwendet, um ein Array zu schleifen, und list ist der Name des Arrays. wx:for-item="items" wird verwendet, um eine Variable für jedes Element zu definieren Schleife.

Wenn es sich um ein eindimensionales Array handelt, wird es wie folgt durchgeschleift:

<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>
Nach dem Login kopieren
Nach dem Login kopieren

Im obigen Code ist item der Alias ​​von list.

Wenn es sich um ein zweidimensionales oder sogar mehrdimensionales Array handelt, führen Sie eine Schleife wie folgt aus:

<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i < list.length; i++) {
var xxx = list[i];
}
Nach dem Login kopieren
Nach dem Login kopieren

entspricht

<view wx:for="{{list}}" wx:for-item="xxx"></view>
Nach dem Login kopieren
Nach dem Login kopieren

Denken Sie daran: wx:for ist ein Schleifenarray, wx:for-item dient dazu, der Liste einen Alias ​​zuzuweisen

Im Folgenden sind mehrere falsche Verwendungen aufgeführt , bitte verwenden Sie sie mit Vorsicht:

1. Verwenden Sie wx:for-item direkt, damit die Liste nicht in der Schleife erscheint

<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
Nach dem Login kopieren
Nach dem Login kopieren

2. Verwenden Sie wx:for- mit Vorsicht in Unterschleifen item

<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>
Nach dem Login kopieren
Nach dem Login kopieren

Korrekte Verwendung von wx:for und wx:for-item im WeChat-Applet

wx:for="{{list} }" wird verwendet, um das Array zu durchlaufen, und list ist der Array-Name wx:for-item="items", der verwendet wird, um die Variable jedes Elements während des zu definieren Schleife

Wenn es sich um ein eindimensionales Array handelt, wie folgt: Die Methode wird durchgeschleift:

<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>
Nach dem Login kopieren
Nach dem Login kopieren

Im obigen Code ist item der Alias ​​von list.

Wenn es sich um ein zweidimensionales oder sogar mehrdimensionales Array handelt, führen Sie eine Schleife wie folgt aus:

<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i < list.length; i++) {
var xxx = list[i];
}
Nach dem Login kopieren
Nach dem Login kopieren

entspricht

<view wx:for="{{list}}" wx:for-item="xxx"></view>
Nach dem Login kopieren
Nach dem Login kopieren

Denken Sie daran: wx:for ist ein Schleifenarray, wx:for-item dient dazu, der Liste einen Alias ​​zuzuweisen

Im Folgenden sind mehrere falsche Verwendungen aufgeführt , bitte verwenden Sie sie mit Vorsicht:

1. Verwenden Sie wx:for-item direkt, damit die Liste nicht in der Schleife erscheint

<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
Nach dem Login kopieren
Nach dem Login kopieren

2. Verwenden Sie wx:for- mit Vorsicht in Unterschleifen.

<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>
Nach dem Login kopieren
Nach dem Login kopieren

Ich hoffe, dass es Ihnen weiterhilft Dich in der Zukunft.

Verwandte Artikel:

Ajax- und MySQL-Dateninteraktion zum Erstellen einer Message-Board-Funktion

Details zur Asynchronität in Ajax-Anfragen : Der Unterschied zwischen false und async:true

Ajax implementiert die Funktion zum Registrieren, Auswählen und Hochladen eines Avatars

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des WeChat-Applets wx:for und wx:for-item. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage