Detaillierte Erklärung der for-Schleife des WeChat-Applets

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erklärung der for-Schleife des WeChat-Applets vorgestellt. Freunde, die sie benötigen, können sich auf

1, wx:for

Verwenden Sie das Steuerattribut wx:for für die Komponente, um ein Array zu binden, und die Komponente kann mithilfe der Daten jedes Elements im Array wiederholt gerendert werden. Standardmäßig lautet der Indexvariablenname des aktuellen Elements im Array standardmäßig und der Variablenname des aktuellen Elements im Array lautet standardmäßig wie folgt:

WXML-Datei:

<view wx:for="{{items}}">
{{index}}: {{item:one}}
</view>
js文件：
Page({
items:[{
one: "test1",
},{
one: "test2"
}]
})

Sie können wx:for-item verwenden, um den Variablennamen des aktuellen Elements des Arrays anzugeben

Sie können wx:for-index verwenden, um den aktuellen Index des Array-Variablennamens anzugeben, zum Beispiel:

wxml-Datei:

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

下面是一个九九乘法表事例：
<view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="i">
<view
 wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="j">
<view
 wx:if="{{i <= j}}">
{{i}}*{{j}} = {{i * j}}
</view>
</view>
</view>

2, Block wx:for

wx:for wird auf dem

<block wx:for="{{[1,2,3]}}">
<view> {{index}}: </view>
<view> {{item}} </view>
</block>

Die Darstellung ist wie folgt:

Vielen Dank fürs Lesen, Ich hoffe, es kann allen helfen. Vielen Dank für Ihre Unterstützung dieser Website!

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung der for-Schleife des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!