Maison > Applet WeChat > Développement de mini-programmes > Utilisation de wx:for et wx:for-item dans le mini-programme WeChat

Utilisation de wx:for et wx:for-item dans le mini-programme WeChat

不言
Libérer: 2018-06-22 16:11:26
original
3125 Les gens l'ont consulté

Cet article présente principalement l'utilisation correcte de l'applet WeChat wx:for et wx:for-item wx:for est un tableau de boucles, et wx:for-item consiste à attribuer un alias à la liste. quelques-uns pour vous. Mauvais usage, apprenons ensemble.

wx:for="{{list}}" est utilisé pour boucler 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 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
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
Copier après la connexion

est équivalent à

<view wx:for="{{list}}" wx:for-item="xxx"></view>
Copier après la connexion
Copier après la connexion

Rappelez-vous : wx:for est un tableau de boucles, wx:for-item consiste à attribuer un alias à la liste

Ce qui suit Il y a plusieurs utilisations incorrectes, veuillez les utiliser avec prudence :

1 Utilisez wx:for-item directement, afin que la liste n'apparaisse pas dans la boucle

<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
Copier après la connexion
Copier après la connexion
<🎜. >

2. Dans une sous-boucle Utilisez wx avec prudence :for="{{list}}" est utilisé pour parcourir un tableau, et list est le nom du tableau wx:for-item="items " permet de définir une variable pour chaque élément lors de la boucle

S'il s'agit d'un tableau unidimensionnel, il est bouclé comme suit :

<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
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="{{list}}">
{{index}} {{item.name}}
</view>
Copier après la connexion
Copier après la connexion

est équivalent à

<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
Copier après la connexion
Rappelez-vous : wx:for est un tableau de boucles, wx:for-item consiste à attribuer un alias à la liste

Ce qui suit Il y a plusieurs utilisations incorrectes, veuillez les utiliser avec prudence :

1 Utilisez wx:for-item directement, afin que la liste n'apparaisse pas dans la boucle

<view wx:for="{{list}}" wx:for-item="xxx"></view>
Copier après la connexion
Copier après la connexion

<🎜. >

2. Dans une sous-boucle, utilisez wx:for-item avec prudence

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à votre étude. Veuillez prêter attention au contenu plus pertinent du site Web chinois !
<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
Copier après la connexion
Copier après la connexion

Recommandations associées :

Comment obtenir l'AppID lors du développement du mini-programme WeChat

<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
Copier après la connexion

Comment utiliser le mini-programme WeChat pour télécharger images


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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal