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

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>

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, sodass 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 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!