【微信小程序_8_WXML 模板语法-条件渲染和列表渲染】

摘要：本文主要介绍了小程序 WXML 模板语法中的条件渲染和列表渲染。条件渲染包括使用wx:if进行条件判断，可结合wx:elif和wx:else，还能结合<block>控制多个组件的显示隐藏；同时介绍了hidden属性控制元素显示隐藏，并对比了wx:if与hidden在运行方式和使用场景上的不同。列表渲染方面，通过wx:for根据数组循环渲染组件，可使用wx:for-index和wx:for-item指定索引和当前项变量名，以及使用wx:key为列表项指定唯一值提高渲染效率。

一、条件渲染

1. wx:if

• 功能描述：在小程序中，使用wx:if="{ {condition}}"来判断是否需要渲染该代码块。可以使用wx:elif和wx:else来添加更多的条件判断。
• 代码示例：

<view wx:if="{
   {type === 1}}">男</view>
<view wx:elif="{
   {type === 2}}">女</view>
<view wx:else>保密</view>

2. 结合使用wx:if

• 功能描述：如果要一次性控制多个组件的展示与隐藏，可以使用一个<block></bloc