wx:for und wx:for-item kleine Programmentwicklung

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen für die Entwicklung kleiner Programme wx:for und wx:for-item vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

wx:for="{{list}}" wird verwendet, um das Array zu schleifen, und list ist der Array-Name. wx:for-item="items" wird verwendet, um die Variablen jedes Elements während der Schleife zu definieren -dimensionales Array, folgen Sie der Schleife wie folgt:

<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 Das heißt, der Liste Aliase zuweisen

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

1 Verwenden Sie wx:for-item direkt dass die Liste nicht in einer Schleife ausgeführt 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>

Korrekte Verwendung von wx:for und wx:for-item in WeChat-Miniprogrammen

wx:for="{{ list}}" wird verwendet, um das Array in einer Schleife zu durchlaufen, und list ist der Array-Name wx:for-item="items", der zur Definition der Variablen jedes Elements während verwendet wird die Schleife

Wenn es sich um ein eindimensionales Array handelt, führen Sie eine Schleife wie folgt aus:

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

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

entspricht

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

Denken Sie daran: wx:for ist ein Schleifenarray , wx:for-item Das heißt, der Liste Aliase zuweisen

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

1 Verwenden Sie wx:for-item direkt dass die Liste nicht in einer Schleife ausgeführt 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 die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

JS fügt Getter+Setter-Zusammenfassung hinzu

Wie man Webpack+React+Antd in tatsächlichen Projekten verwendet Gerüst

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