wx:for et wx:for-item développement de petits programmes

Cette fois, je vais vous présenter quelles sont les précautions à prendre pour développer des petits programmes wx:for et wx:for-item Ce qui suit est un cas pratique, 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" est utilisé pour définir les variables de chaque élément pendant la boucle

S'il s'agit d'un. -tableau dimensionnel, suivez Loop it de la manière suivante :

<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>

Utilisation correcte de wx:for et wx. :for-item dans les mini-programmes WeChat

wx:for="{{list}}" est utilisé pour parcourir 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 la boucle

S'il s'agit d'un tableau unidimensionnel, bouclez-le comme suit :

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

Dans le code ci-dessus, 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];
}

é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 :

JS ajoutant un résumé getter+setter

Comment utiliser webpack+react+antd dans des projets réels Échafaudage

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!