1, wx:for
Verwenden Sie das Steuerattribut wx:for für die Komponente, um ein Array zu binden, und die Komponente kann unter Verwendung 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" }] })
Sie können wx:for-item verwenden, um den Variablennamen des aktuellen Elements des Arrays anzugeben
Sie können wx:for verwenden -index, um den Variablennamen des aktuellen Index des Arrays anzugeben:
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
<block wx:for="{{[1,2,3]}}"> <view> {{index}}: </view> <view> {{item}} </view> </block>
Die Darstellung lautet wie folgt:
Vielen Dank fürs Lesen, ich hoffe, es kann Ihnen helfen , vielen Dank für Ihre Unterstützung dieser Website!
Ausführlichere Erläuterungen zum WeChat-Applet für Schleifenbezogene Artikel finden Sie auf der chinesischen PHP-Website!