Verwendung von wx:for und wx:for-item im WeChat-Miniprogramm

In diesem Artikel wird hauptsächlich die korrekte Verwendung des WeChat-Applets wx:for und wx:for-item vorgestellt. wx:for-item dient dazu, der Liste einen Alias ​​zuzuweisen Wenige für Sie. Falsche Verwendung, lassen Sie uns gemeinsam lernen.

wx:for="{{list}}" wird verwendet, um ein Array zu schleifen, und list ist der Name des Arrays. wx:for-item="items" wird verwendet, um eine Variable für jedes Element zu definieren 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 ​​von list.

Wenn es sich um ein zweidimensionales oder sogar mehrdimensionales Array handelt, führen Sie die 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 dient dazu, der Liste einen Alias ​​zuzuweisen

Im Folgenden sind mehrere falsche Verwendungen aufgeführt , bitte verwenden Sie sie mit Vorsicht:

1. Verwenden Sie wx:for-item direkt, damit die Liste nicht in der Schleife erscheint

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

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

<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 verwendet, um das Array zu durchlaufen, und list ist der Array-Name wx:for-item="items", der verwendet wird, um die Variable jedes Elements während des zu definieren Schleife

Wenn es sich um ein eindimensionales Array handelt, wie folgt: Die Methode wird durchgeschleift:

<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 dient dazu, der Liste einen Alias ​​zuzuweisen

Im Folgenden sind mehrere falsche Verwendungen aufgeführt , bitte verwenden Sie sie mit Vorsicht:

1. Verwenden Sie wx:for-item direkt, damit die Liste nicht in der Schleife erscheint

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

2. Verwenden Sie wx:for- mit Vorsicht in Unterschleifen.

Das Obige ist der gesamte Inhalt dieses Artikels Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

So erhalten Sie die AppID bei der Entwicklung des WeChat-Miniprogramms

So verwenden Sie das WeChat-Miniprogramm zum Hochladen Bilder

Das obige ist der detaillierte Inhalt vonVerwendung von wx:for und wx:for-item im WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!