WeChat ミニ プログラムの条件付きレンダリングの詳細な紹介

この記事では主に、WeChat ミニ プログラムの条件付きレンダリングの詳細な説明に関する関連情報を紹介します。必要な方は、

1、wx.if

を参照してください。WeChat ミニ プログラムでは、ミニ プログラムは wx.if="{{条件 }}" を使用してコード ブロックをレンダリングするかどうかを決定します。使用方法は次のとおりです:

True

wx を使用することもできます。 elif と wx.else else ブロックを追加します。例:

1
2
3

2、ブロック wx:if

wx:if は制御属性であり、追加する必要がありますラベルに追加しますが、複数のタグを一度に判断したい場合は、 を使用して複数のコンポーネントをラップし、wx:if を使用してその上の属性を制御できます

それはコンポーネントではありません。ラッピング要素はページ上でレンダリングを行わず、コントロール属性のみを受け入れます。例は次のとおりです:

view1
view2

注: 一般に、wx:if はスイッチング コストが高く、hidden は初期レンダリング コストが高くなります。したがって、頻繁に切り替える必要がある場合は hidden を使用し、実行時に条件が変化する可能性が低い場合は wx:if を使用するのが適しています。

読んでいただきありがとうございます、皆さんのお役に立てれば幸いです、このサイトをサポートしていただきありがとうございます!

以上がWeChat ミニ プログラムの条件付きレンダリングの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。