Utilisation de wx:for et wx:for-item dans le mini-programme WeChat

Cet article présente principalement l'utilisation correcte de l'applet WeChat wx:for et wx:for-item wx:for est un tableau de boucles, et wx:for-item consiste à attribuer un alias à la liste. quelques-uns pour vous. Mauvais usage, apprenons ensemble.

wx:for="{{list}}" est utilisé pour boucler un tableau, et list est le nom du tableau wx:for-item="items" est utilisé pour définir une variable pour chaque élément pendant le. loop.

S'il s'agit d'un tableau unidimensionnel, il est bouclé comme suit :

<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>

Dans le code ci-dessus, item est l'alias de la liste.

S'il s'agit d'un tableau bidimensionnel voire multidimensionnel, bouclez comme suit :

<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i < list.length; i++) {
var xxx = list[i];
}

est équivalent à

<view wx:for="{{list}}" wx:for-item="xxx"></view>

Rappelez-vous : wx:for est un tableau de boucles, wx:for-item consiste à attribuer un alias à la liste

Ce qui suit Il y a plusieurs utilisations incorrectes, veuillez les utiliser avec prudence :

1 Utilisez wx:for-item directement, afin que la liste n'apparaisse pas dans la boucle

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

<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>

<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>

<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i < list.length; i++) {
var xxx = list[i];
}

<view wx:for="{{list}}" wx:for-item="xxx"></view>

<🎜. >

2. Dans une sous-boucle, utilisez wx:for-item avec prudence

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

Recommandations associées :

<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>

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!