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

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

高洛峰
Freigeben: 2016-12-29 09:32:30
Original
2438 Leute haben es durchsucht

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"
}]
})
Nach dem Login kopieren

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 Variablennamen anzugeben des aktuellen Indexes des Arrays wx:for wird für das Tag verwendet, um einen Strukturblock mit mehreren Knoten darzustellen. Zum Beispiel:

Vielen Dank fürs Lesen, ich hoffe, es kann Ihnen helfen, vielen Dank für Ihre Unterstützung dieser Website!

<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>
Nach dem Login kopieren


Ausführlichere Erläuterungen zum WeChat-Applet für Schleifenbezogene Artikel finden Sie auf der chinesischen PHP-Website!

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage