Rendu conditionnel du didacticiel du mini programme WeChat

wx:if

Dans MINA, nous utilisons wx:if="{{condition}}" pour déterminer si le bloc de code doit être rendu :

True

Vous pouvez également utiliser wx:elif et wx:else pour ajouter un bloc else :

<view wx:if="{{length > 5}}"> 1 </view>  
<view wx:elif="{{length > 2}}"> 2 </view>  
<view wx:else> 3 </view>

block wx: if

Parce que wx:if est un attribut de contrôle, il doit être ajouté à une étiquette. Mais si nous voulons évaluer plusieurs balises de composants à la fois, nous pouvons utiliser une balise pour envelopper plusieurs composants et utiliser les attributs de contrôle wx:if dessus.

<block wx:if="{{true}}">  
 <view> view1 </view>  
 <view> view2 </view>  
</block>

Remarque : n'est pas un composant, c'est juste un élément d'habillage qui ne fera aucun rendu sur la page et n'accepte que les attributs de contrôle.

wx:if vs caché

Étant donné que le modèle dans wx:if peut également contenir une liaison de données, MINA a un processus de rendu partiel lorsque la valeur conditionnelle de wx:if est modifiée. garantira que le bloc conditionnel est détruit ou restitué lors du changement.

En même temps, wx:if est également paresseux. Si la condition de rendu initiale est fausse, MINA ne fait rien et ne démarre le rendu partiel que lorsque la condition devient vraie pour la première fois.

En revanche, caché est beaucoup plus simple. Le composant sera toujours rendu, et ce n'est qu'un simple contrôle à afficher et à masquer.

De manière générale, wx:if a un coût de commutation plus élevé et Hidden a un coût de rendu initial plus élevé. Par conséquent, si des commutations fréquentes sont nécessaires, il est préférable d'utiliser caché, et s'il est peu probable que les conditions changent pendant l'exécution, wx:if est préférable.

Ce qui précède est le contenu du rendu conditionnel du didacticiel de l'applet WeChat. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !