WeChatウィジェットの2種類のレンダリング:条件レンダリング、リストレンダリング


1.微信ウィジェット条件レンダリング(1)wx:ifは、単一のコンポーネントが微信ウィジェットフレームワーク内にあることを判断し、wx:if="{{contition}}を用いてコードブロックをレンダリングする必要があるか否かを判断する.
 True 
5}}”> 1 
2}}”> 2 
 2 

(2)block wx:if複数のコンポーネントを判断複数のコンポーネントラベルを一度に判断したい場合は、1つのラベルを使用して複数のコンポーネントをパッケージし、wx:if制御プロパティを使用することができます.

    view1 
   view2 


注:コンポーネントではなく、パッケージ要素であり、ページでレンダリングを行うのではなく、制御プロパティのみを受け入れます.
2.微信ウィジェットリストレンダリング(1)wx:forリストレンダリング単一コンポーネントは、コンポーネント上でwx:for制御プロパティを使用して配列をバインドし、配列内の各データを使用してコンポーネントを繰り返しレンダリングします.

     {{index}}:{{item:message}}

Page({
  data:{
array:[{
  message:’foo’,
},{
message:’bar’
}]
}
})

(2)block wx:forリストレンダリング複数コンポーネント
(3)wx:keyは、リスト内の項目の位置が動的に変更されたり、新しい項目が追加されたりして、リスト内の項目が独自の特徴状態を維持したい場合に、wx:keyを使用してリスト内の項目の一意の識別子を指定する必要がある一意の識別子を指定する.
wx:keyの値は、次の2つの形式で提供されます.
*(3.1)文字列:forループのarray内のitemを表すpropertyで、リスト内の一意の文字列または数値が必要であり、動的に変更できません.(3.2)キーワードの保持:thisはforループ内のitem自体を表し、item自体が一意の文字または数字である必要があることを示す.