Skip to content

条件渲染

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:ifwx:elifwx:else 必须连续。

空态、加载态、错误态应作为页面状态机的一部分,而非只在请求成功时渲染列表。

基于 MIT 许可发布