Heim  >  Artikel  >  WeChat-Applet  >  Detaillierte Erklärung des WeChat-Applets für die Schleife

Detaillierte Erklärung des WeChat-Applets für die Schleife

高洛峰
高洛峰Original
2017-01-09 10:56:574851Durchsuche

1.wx:für

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 ist der tiefgestellte Variablenname des aktuellen Elements im Array standardmäßig „index“ und der Variablenname des aktuellen Elements im Array lautet standardmäßig „item“. Beispiele sind wie folgt:

WXML-Datei:

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

Mit wx:for-item können Sie den Variablennamen des aktuellen Elements des Arrays angeben

Sie können wx:for-index verwenden, um den Variablennamen des aktuellen Index des Arrays 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 für das Tag 935bb15358aeeb18747ba360a3e4ab1a verwendet, um einen Strukturblock mit mehreren Knoten darzustellen. Zum Beispiel:

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

Die Darstellungen lauten wie folgt:

微信小程序 for 循环详解

Vielen Dank fürs Lesen, ich hoffe, das hilft allen und vielen Dank für Ihre Unterstützung dieser Website!

Weitere Artikel zur detaillierten Erläuterung der for-Schleife des WeChat-Applets finden Sie auf der chinesischen PHP-Website!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn