wx:for と wx:for-item の実際の使用例

<span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, å¾®è½￣é›…é»', Tahoma, Arial, sans-serif">今回はあなたをお届けします実際のケースでは、wx:for と wx:for-item を使用してみましょう。wx:for と wx:for-item<a href="http://www.php.cn/code/10182.html" target="_blank "><span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif">这次给大家带来使用wx:for与wx:for-item实战案例，使用wx:for与wx:for-item的<a href="http://www.php.cn/code/10182.html" target="_blank">注意事项</a>有哪些，下面就是实战案例，一起来看一下。</span></a></span>

<span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif">z</span>wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item="items" 実際の事例をご紹介しますので、見てみましょう。 <span style="font-family:Microsoft Yahei、Hiragino Sans GB、Helvetica、Helvetica Neue、å¾®è½￣é›…é»'、Tahoma、Arial、sans -serif">z</span>wx:for="{{list}}" は、配列

、list は配列名 wx:for-item="items" であり、ループ プロセス

の各要素の 変数

を定義するために使用されます。それは

1 次元配列

は次のようにループアウトされます:

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

上記のコードでは、 item は list のエイリアスです。 それが 2 次元または

多次元配列

の場合は、次のようにループします:

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

は

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

と同等です 覚えておいてください: wx:for はループ配列であり、wx:for-item は代入することですリストのエイリアス

以下にいくつかあります。これは間違った使用法です。注意して使用してください:

1. wx:for-item を直接使用すると、リストはループ内に表示されなくなります

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

2。サブループでは wx:for-item を使用する際は注意してください

<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>

WeChat アプレット wx :for と wx:for-item の正しい使用法

wx:for="{{list}}" は配列のループに使用されます、list は配列名です wx:for-item="items" はループの定義に使用されます。プロセス内の各要素の変数が 1 次元配列の場合、次のようにループアウトされます:

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

In上記のコードでは、 item は list のエイリアスです。

それが 2 次元配列または多次元配列の場合は、次のようにループします:

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

は

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

と同等です 覚えておいてください: wx:for はループ配列であり、wx:for-item はエイリアスを割り当てることですリストへ

以下はいくつかのエラーです。注意して使用してください:

1. wx:for-item を直接使用すると、リストがループ内に表示されなくなります

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

2. wx:for-item は注意して使用してください。 in sub-loops

<view wx:for="{{parentList}}">
 {{item.id}}
 <view wx:for-item="{{item.childList}}" wx:for-item="items">
 {{items.name}}{{items.account}}
 </view>

この記事のケースを読んだことがあるはずです。あなたはこの方法をマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

FileReader がファイル リーダーを実装する方法

vue コンポーネントでのスロット ソケットの使用方法の詳細な説明

🎜

以上がwx:for と wx:for-item の実際の使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。