WeChatウィジェットチュートリアルの条件レンダリング
1236 ワード
シリーズ記事:
微信小プログラム教程のWXSS微信小プログラム教程の引用微信小プログラム教程のイベント微信小プログラム教程のテンプレート微信小プログラム教程のリストレンダリング微信小プログラム教程の条件レンダリング微信小プログラム教程のデータバインド微信小プログラム教程のWXML
wx:if
MINAでは、wx:if=「{{condition}}}」を使用して、コードブロックをレンダリングする必要があるかどうかを判断します.
True
また、wx:elifおよびwx:elseを使用してelseブロックを追加することもできます.
block wx:if
wx:ifは制御プロパティなので、ラベルに追加する必要があります.しかし、複数のコンポーネントラベルを一度に判断するには、1つのラベルを使用して複数のコンポーネントをパッケージし、wx:if制御プロパティを上に使用します.
注:コンポーネントではなく、パッケージ要素であり、ページ内でレンダリングされず、制御プロパティのみが受け入れられます.
wx:if vs hidden
wx:ifのテンプレートにもデータバインディングが含まれる可能性があるため、wx:ifの条件値が切り替わると、MINAは条件ブロックが切り替わったときに破棄または再レンダリングされることを保証するため、ローカルレンダリングのプロセスがあります.
同時にwx:ifも不活性であり、初期レンダリング条件がfalseである場合、MINAは何もせず、条件が初めて本物になったときに局所レンダリングを開始する.
それに比べてhiddenは簡単で、コンポーネントは常にレンダリングされますが、表示と非表示を簡単に制御します.
一般に、wx:ifはより高いスイッチング消費量を有し、hiddenはより高い初期レンダリング消費量を有する.したがって、頻繁に切り替える必要がある場合はhiddenの方がよく、実行時に条件が変更されない場合はwx:ifの方がよい.
読書に感謝して、みんなを助けることができることを望んで、みんなの当駅に対する支持に感謝します!
微信小プログラム教程のWXSS微信小プログラム教程の引用微信小プログラム教程のイベント微信小プログラム教程のテンプレート微信小プログラム教程のリストレンダリング微信小プログラム教程の条件レンダリング微信小プログラム教程のデータバインド微信小プログラム教程のWXML
wx:if
MINAでは、wx:if=「{{condition}}}」を使用して、コードブロックをレンダリングする必要があるかどうかを判断します.
True
また、wx:elifおよびwx:elseを使用してelseブロックを追加することもできます.
1
2
3
block wx:if
wx:ifは制御プロパティなので、ラベルに追加する必要があります.しかし、複数のコンポーネントラベルを一度に判断するには、1つのラベルを使用して複数のコンポーネントをパッケージし、wx:if制御プロパティを上に使用します.
view1
view2
注:コンポーネントではなく、パッケージ要素であり、ページ内でレンダリングされず、制御プロパティのみが受け入れられます.
wx:if vs hidden
wx:ifのテンプレートにもデータバインディングが含まれる可能性があるため、wx:ifの条件値が切り替わると、MINAは条件ブロックが切り替わったときに破棄または再レンダリングされることを保証するため、ローカルレンダリングのプロセスがあります.
同時にwx:ifも不活性であり、初期レンダリング条件がfalseである場合、MINAは何もせず、条件が初めて本物になったときに局所レンダリングを開始する.
それに比べてhiddenは簡単で、コンポーネントは常にレンダリングされますが、表示と非表示を簡単に制御します.
一般に、wx:ifはより高いスイッチング消費量を有し、hiddenはより高い初期レンダリング消費量を有する.したがって、頻繁に切り替える必要がある場合はhiddenの方がよく、実行時に条件が変更されない場合はwx:ifの方がよい.
読書に感謝して、みんなを助けることができることを望んで、みんなの当駅に対する支持に感謝します!