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

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>

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];
}

entspricht

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

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>

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>

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>

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];
}

entspricht

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

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>

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>

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!