WeChat ミニ プログラムの wx:for と wx:for-item の違いは何ですか?

今回は、WeChatミニプログラムでのwx:forとwx:for-itemの違いについて紹介します。 WeChatミニプログラムでwx:forとwx:for-itemを使用する際の注意事項は何ですか?ケースを見てみましょう。

wx:for="{{list}}" は、 配列

、リストは配列名 wx:for-item="items" であり、ループ プロセス wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item="items" の各要素の 変数

を定義するために使用されます (

の場合)。 1 次元配列 を使用して、次のようにループします。

<view>
{{index}} {{item.name}}
</view>

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

それが 2 次元または

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

<view>
{{item.id}}
<view>
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i  は <p style="text-align: left;"></p><pre class="brush:php;toolbar:false"><view></view>

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

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

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

<view>
{{index}} {{item.name}}
</view>

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

<view>
 {{item.id}}
 <view>
 {{items.name}}{{items.account}}
 </view></view>

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

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

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

<view>
{{index}} {{item.name}}
</view>

は

<view>
{{item.id}}
<view>
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i  と同等です 覚えておいてください: wx:for はループ配列であり、wx:for-item はエイリアスを割り当てることですリストへ<p style="text-align: left;"></p>以下はいくつかのエラーです。注意して使用してください: <p style="text-align: left;"></p>1. wx:for-item を直接使用すると、リストがループ内に表示されなくなります<p style="text-align: left;"></p><pre class="brush:php;toolbar:false"><view></view>

2. wx:for-item は注意して使用してください。サブループ内

<view>
{{index}} {{item.name}}
</view>

信じられないかもしれませんが、この記事の事例を読んだ後は、この方法をマスターしたことになります。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

vue axios リクエストのタイムアウトに対処する方法

axios ログイン リクエスト インターセプター

以上がWeChat ミニ プログラムの wx:for と wx:for-item の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。