微信小程序之----wx:if elif else的用法(搭配view、block)

WX条件渲染详解

最新推荐文章于 2025-07-15 10:00:49 发布

维克拉玛蒂亚perry

最新推荐文章于 2025-07-15 10:00:49 发布

阅读量4.2w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：微信小程序微信小程序开发文章标签： wxif elif else 小程序判断页面判断

本文链接：https://blog.youkuaiyun.com/weixin_38930535/article/details/79165355

微信小程序同时被 2 个专栏收录

11 篇文章

订阅专栏

微信小程序开发

8 篇文章

订阅专栏

本文介绍了在小程序中如何使用wx:if、wx:elif和wx:else语法进行条件渲染，通过不同颜色视图的示例展示了如何根据布尔变量的值来显示不同的内容。适用于处理游客模式和用户模式等场景。

1、配合view使用

<view wx:if="{{boolean==true}}">
    <view class="red"></view>
</view>
<view wx:elif="{{boolean==false}}">
    <view class="yellow"></view>
</view>
<view wx:elif>
    <view class="blue"></view>
</view>

2、配合block使用

<block wx:if="{{boolean==true}}">
    <view class="red"></view>
</block>
<block wx:elif="{{boolean==false}}">
    <view class="yellow"></view>
</block>
<block wx:else>
    <view class="blue"></view>
</block>

这些是比较常用的，像比较常见的判断游客模式和用户模式，相同的列表，游客模式的一部分不展示出来一样，类似于这样的情况使用wx:if elif else语法，会很好的解决这个问题，大家有木有学到呢？