Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation de l'applet WeChat wx:for et wx:for-item

Explication détaillée de l'utilisation de l'applet WeChat wx:for et wx:for-item

亚连
亚连original
2018-05-26 17:47:395148parcourir

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>

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

est équivalent à

<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

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>

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

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>

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

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>

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

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

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Interaction des données Ajax et MySQL pour créer une fonction de forum de messages
<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>

Détails de l'async dans les requêtes Ajax : La différence entre false et async:true

Ajax implémente la fonction d'enregistrement et de sélection d'un avatar et de son téléchargement


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