Rendu conditionnel du didacticiel du mini programme WeChat

Rendu conditionnel

Le rendu dit conditionnel fait référence à la valeur logique de l'expression de liaison de données pour déterminer s'il faut restituer le composant actuel. Dans le morceau de code suivant, il y a un morceau de code qui utilise l'attribut caché :

<view class=&#39;content&#39; hidden=&#39;{{flag ? true: false}}&#39;>
    <text>{{hiddencontent}}</text>
 </view>

Dans le code-barres ci-dessus, lorsque la valeur de la variable flag est vraie, le composant de vue et les composants inclus ne le seront pas. être rendu. Lorsque la variable flag Lorsque la valeur est fausse, la sortie du composant de vue est rendue sur la page.

wx:if rendu conditionnel

Dans le fichier wxml de l'applet WeChat, une autre méthode est fournie pour un rendu conditionnel similaire, qui consiste à utiliser l'attribut wx:if pour contrôler le composant actuel. est la suivante :

<view wx:if= &#39;{{condition}}&#39;>内容</view>

Dans le code ci-dessus, lorsque la valeur de la variable de condition est vraie, le composant de vue restituera la sortie. Lorsque la variable de condition est fausse, le composant de vue ne sera pas rendu.

À notre avis, l'attribut wx:if est similaire au composant caché. La différence est que les variables logiques qui contrôlent le rendu sont opposées. Cependant, wx:if peut être utilisé pour un contrôle plus pratique. Vous pouvez utiliser wx:if ,wx:else pour ajouter plusieurs blocs de code de branche. Si la valeur de l'expression de contrôle est vraie, une branche sera rendue, et si elle est fausse, une autre branche sera rendue.

<view wx:if= &#39;{{length > 3}}&#39;>内容1</view>
<view wx:elif= &#39;{{length < 5}}&#39;>内容2</view>
<view wx:else&#39;>内容3</view>

Dans le code ci-dessus, lorsque la longueur Si la valeur est supérieure à 3, le contenu 1 est rendu Lorsque la valeur de la longueur est supérieure à 3 et inférieure à 5, l'interface restitue et affiche le contenu 2. Si aucune des conditions ci-dessus n'est remplie, le contenu 3 est rendu.

L'intelligence vient du travail acharné et la connaissance vient de l'accumulation quotidienne

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!