主题
条件渲染
wx:if 控制节点是否创建,hidden 仅切换 display: none。根据切换频率和节点成本选择。
xml
<view wx:if="{{loading}}">加载中</view>
<view wx:elif="{{error}}">加载失败</view>
<view wx:else>内容</view>
<view hidden="{{!showFilter}}">筛选器</view>- 初始条件为假、节点创建成本高:使用
wx:if。 - 高频显示/隐藏、需要保留组件内部状态:使用
hidden。 - 同一层级的
wx:if、wx:elif、wx:else必须连续。
空态、加载态、错误态应作为页面状态机的一部分,而非只在请求成功时渲染列表。
