Quelle est la différence entre wx:for et wx:for-item dans le mini-programme WeChat ?

Cette fois, je vais vous présenter la différence entre wx:for et wx:for-item dans le mini programme WeChat. Quelles sont les précautions d'utilisation de wx:for et wx:for-item dans le mini programme WeChat. ? Oui Lesquels, les suivants sont des cas pratiques, jetons un coup d'oeil.

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 pense que vous l'avez maîtrisé après avoir lu le cas dans cet article. Pour des méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment gérer le délai d'expiration de la demande de vue axios

intercepteur de demande de connexion axios

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!