Quelle est la différence entre wx:for et wx:for-item-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-04-20 14:33:39

original

3332 Les gens l'ont consulté

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>

Copier après la connexion

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];
}

Copier après la connexion

est équivalent à

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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];
}

Copier après la connexion

équivaut à

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!