Praktische Beispiele für die Verwendung von wx:for und wx:for-item

<span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif">这次给大家带来使用wx:for与wx:for-item实战案例，使用wx:for与wx:for-item的<a href="http://www.php.cn/code/10182.html" target="_blank">注意事项</a>有哪些，下面就是实战案例，一起来看一下。</span>

<span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif">z</span>wx:for="{{list}}" wird verwendet, um das -Array zu durchlaufen, und list ist der Array-Name wx:for-item="items", der zum Definieren des jedes Elements verwendet wird während der Schleife. Wenn das

der Variablen

ein eindimensionales Array ist, wird es wie folgt durchgeschleift:

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

Im obigen Code: item ist 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, sodass die Schleife nicht

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

aus Liste 2 herauskommt. Verwenden Sie wx:for-item in Unterschleifen mit Vorsicht

<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 im WeChat-Applet

wx :for="{{list}}" wird zum Schleifen des Arrays verwendet, und list ist der Array-Name, mit dem wx:for-item="items" definiert wird die Variablen jedes Elements während der Schleife

Wenn es sich um ein eindimensionales Array handelt, schleifen Sie es wie folgt aus:

<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>

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:

Wie FileReader einen Dateireader implementiert

Detaillierte Erläuterung der Verwendung von Slot-Sockets in Vue-Komponenten

Das obige ist der detaillierte Inhalt vonPraktische Beispiele für die Verwendung von wx:for und wx:for-item. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!