Explication détaillée de l'instruction for dans le développement de petits programmes

Cet article présente principalement des informations pertinentes sur l'explication détaillée de la boucle for de l'applet WeChat. Les amis qui en ont besoin peuvent se référer à

1, wx:for
<.>

Utilisez l'attribut de contrôle wx:for sur le composant pour lier un tableau, et le composant peut être rendu à plusieurs reprises en utilisant les données de chaque élément du tableau. Par défaut, l'indice de l'élément actuel dans le tableau

Le nom de la variable est par défaut index, et le nom de la variable de l'élément actuel dans le tableau est par défaut item :

Fichier wxml :

Vous pouvez utiliser wx:for-item pour spécifier le nom de variable de l'élément actuel du tableau

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

Vous pouvez utiliser wx:for-index pour spécifier le nom de variable de l'indice actuel du tableau. Les exemples sont les suivants :

fichier wxml :

<🎜. >

2, block wx: for

<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>

wx: for est utilisé sur la balise Par exemple :

Le rendu est le suivant :

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

[Recommandations associées]

1

Applet WeChat. télécharger le code source complet

2. Démo du mini programme WeChat : Lezhu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!