Was ist der Unterschied zwischen wx:for und wx:for-item-js-Tutorial-php.cn

Was ist der Unterschied zwischen wx:for und wx:for-item

php中世界最好的语言

Freigeben： 2018-04-20 14:33:39

Original

3333 Leute haben es durchsucht

Dieses Mal werde ich Ihnen sagen, was der Unterschied zwischen wx:for und wx:for-item ist und welche Vorsichtsmaßnahmen bei der Verwendung von wx:for und wx:for-item gelten. Folgendes ist a Praktischer Koffer, einer. Stehen Sie auf und schauen Sie nach.

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

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

entspricht

<view wx:for="{{list}}" wx:for-item="xxx"></view>

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

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

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

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

entspricht

<view wx:for="{{list}}" wx:for-item="xxx"></view>

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, damit die Liste nicht wiederholt werden kann

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

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

Ich glaube, Sie beherrschen die Methode danach Lesen Sie den Fall in diesem Artikel. Weitere spannende Informationen finden Sie in den verwandten Artikeln anderer chinesischer PHP-Websites!

Empfohlene Lektüre:

Eine detaillierte Erklärung der Schritte zum Aufrufen untergeordneter Komponenten aus Angular-Elternkomponenten

Anleitung für Neulinge vue

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen wx:for und wx:for-item. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!