微信小程序详解wx:if elif else的用法(搭配view、block)_CodingForAndroid的博客-CSDN博客_小程序elseif

来源: 微信小程序详解wx:if elif else的用法(搭配view、block)_CodingForAndroid的博客-CSDN博客_小程序elseif

1、搭配view 控制显示

<view wx:if=”{{boolean==true}}”>
<view class=”bg_black”></view>
</view>
<view wx:elif=”{{boolean==false}}”>
<view class=”bg_red”></view>
</view>
<view wx:else>
<view class=”bg_red”></view>
</view>

2、搭配block 控制显示

<block wx:if=”{{boolean==true}}”>
<view class=”bg_black”></view>
</block>
<block wx:elif=”{{boolean==false}}”>
<view class=”bg_red”></view>
</block>
<block wx:else>
<view class=”bg_red”></view>
</block>

小程序 wx:if多条件

<view wx:if=”{{a}}”>单个条件</view>
<view wx:if=”{{a || b || c}}”>多个或条件</view>
<view wx:if=”{{a && b && c}}”>多个且条件</view>

wx:if else 的判断

<view wx:if=”{{a > 5}}”>6</view>
<view wx:elif=”{{a < 5}}”>4</view>
<view wx:else>5</view>

注意:wx:if不仅仅是view标签可以用,其他的标签里也可以用

谢谢认真观读本文的每一位小伙伴,衷心欢迎小伙伴给我指出文中的错误,也欢迎小伙伴与我交流学习。

欢迎爱学习的小伙伴加群一起进步:[点击链接加入群聊【编程之美】
————————————————
版权声明:本文为CSDN博主「CodingForAndroid」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/u011733020/article/details/108281436

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏