码迷,mamicode.com
首页 > 其他好文 > 详细

条件渲染

时间:2020-03-24 12:28:38      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:data   lse   属性   sha   判断   条件   code   har   渲染   

WXML 中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块,使用 wx:elif 和 wx:else 来添加一个 else 块:

<!--
    data:{
        length:1
    }
->

<view wx:if="{{length>5}}">A</view>
<view wx:elif="{{length>2}}">B</view>
<view wx:else>C</view>

//输出
C

因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。

<block wx:if="{{length===10}}">
  <view>A</view>
  <view>B</view>
  <view>C</view>
</block>

 

条件渲染

标签:data   lse   属性   sha   判断   条件   code   har   渲染   

原文地址:https://www.cnblogs.com/shanlu0000/p/12557252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!