Quelle est la différence entre wx:for et wx:for-item

Cette fois, je vais vous présenter la différence entre wx:for et wx:for-item, et quelles sont les précautions lors de l'utilisation de wx:for et wx:for-item. cas pratique. Levez-vous et jetez un œil.

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 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 ou même

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>

L'applet 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 dans le processus de 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 :

Une explication détaillée des étapes d'appel de composants enfants à partir de composants parents angulaires

Instructions pour les débutants à voir

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!