欢迎光临
我们一直在努力

微信小程序 视图层(WXML)条件判断

在wxml中我们有两种条件判断

第一种:wx:if   此方式直接控制view是否显示,当条件为true才会显示

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

还有扩展写法,可以控制多个控件

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

 

第二种:三元运算  此方式主要用如文件内容控制  样式控制

//tab 是js端的data中的属性,  show 是样式名称c
<view class="{{tab==1? 'show':''}}">
赞(0)
未经允许不得转载:自游互动 » 微信小程序 视图层(WXML)条件判断
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们