Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist der Unterschied zwischen wx:for und wx:for-item im WeChat-Miniprogramm?

php中世界最好的语言
Freigeben: 2018-04-08 15:07:34
Original
11125 Leute haben es durchsucht

Dieses Mal werde ich Ihnen den Unterschied zwischen wx:for und wx:for-item im WeChat-Miniprogramm erläutern. Was sind die Vorsichtsmaßnahmen für die Verwendung von wx:for und wx:for-item im WeChat-Miniprogramm? ? Ja Welche, die folgenden sind praktische Fälle, werfen wir einen Blick darauf.

wx:for="{{list}}" wird verwendet, um das -Array zu durchlaufen, und list ist der Array-Name wx:for-item="items", der zum Definieren einer -Variable für jedes Element während des verwendet wird 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 ​​der Liste.

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 soll der Liste einen Alias ​​zuweisen

Die folgenden sind mehrere falsche Verwendungen, bitte verwenden Sie sie mit Vorsicht:

1 . Verwenden Sie wx:for-item direkt, also eine Schleife, die nicht aus der Liste kommt

<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
Nach dem Login kopieren
Nach dem Login kopieren
2. Verwenden Sie wx:for-item 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
Das WeChat-Applet wx:for und wx:for-item sind korrekt. Verwendung

wx:for="{{list}}" wird zum Schleifen des Arrays verwendet, und list ist der Array-Name . wx:for-item="items" wird verwendet, um jedes Element während der Schleife zu definieren. Wenn das

der Variablen ein eindimensionales Array ist, 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 ​​der Liste.

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 soll der Liste einen Alias ​​zuweisen

Die folgenden sind einige falsche Verwendungen, bitte verwenden Sie sie mit Vorsicht:

1. item direkt, sodass die Liste nicht wiederholt werden kann

<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
Nach dem Login kopieren
Nach dem Login kopieren
2. Verwenden Sie wx:for-item 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 glaube, Sie haben es gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Methoden finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie man mit Vue Axios Request Timeout umgeht

Axios Login Request Interceptor

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen wx:for und wx:for-item im WeChat-Miniprogramm?. 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