请知悉：本文最近一次更新为 3个月 前，文中内容可能已经过时。
嗯，先明确一个常识，
wx:if, wx:elif, wx:else只能配合在view标签使用。
wx:if 和 hidden 二者的区别：
wx:if：当条件为 true时将结构展示出来，否则结构不会进行展示，通过移除/新增节点 的方式来实现。
hidden：当条件为 true 时会将结构隐藏，否则结构会展示出来，通过 display 样式属性 来实现的。
那么直接上示例代码：
<view wx:if="{{ num == 1 }}">num 等于 {{ num }}</view>
<view wx:elif="{{ num == 2 }}">num 等于 {{ num }}</view>
<view wx:else>num 大于 2, 目前 num 等于 {{ num }}</view>
参考资料
微信小程序开发系列（二十五）·wxml语法·条件渲染wx:if, wx:elif, wx:else 属性组以及hidden 属性的使用
如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。