Exemples pratiques d'utilisation de wx:for et wx:for-item

<span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif">这次给大家带来使用wx:for与wx:for-item实战案例，使用wx:for与wx:for-item的<a href="//m.sbmmt.com/code/10182.html" target="_blank">注意事项</a>有哪些，下面就是实战案例，一起来看一下。</span>

<span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif">z</span>wx:for="{{list}}" est utilisé pour boucler le tableau , et list est le nom du tableau wx:for-item="items", qui est utilisé pour définir le de chaque élément pendant la boucle. Si le

est un tableau unidimensionnel , il sera bouclé comme suit :

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

Dans ce qui précède. code, l'élément 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 attribue un alias à la liste

Voici plusieurs utilisations incorrectes, veuillez les utiliser avec prudence :

1. wx:for-item directement, comme ceci C'est une boucle qui ne sort pas de la liste

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

2 Utilisez wx:for-item avec prudence dans les sous-boucles

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

Les applets WeChat wx:for et wx:for-item sont correctes. Utilisation

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

de la variable est 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];
}

équivaut à

<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

Voici plusieurs utilisations incorrectes, veuillez les utiliser avec prudence :

1 Utilisez wx:for-. item directement, afin que la liste ne puisse pas être bouclée

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

2 Utilisez wx:for-item avec prudence dans les sous-boucles

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

Je crois que vous maîtrisez la méthode après. en lisant le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Comment FileReader implémente un lecteur de fichiers

Explication détaillée de l'utilisation des sockets slot dans les composants vue

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!