网站推广系统_常用域名大全_百度推广电话客服24小时_建站小程序

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

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

• 一、条件渲染
• • 1. wx:if
  • 2. 结合<block>使用wx:if
  • 3. hidden
  • 4. wx:if与hidden的对比
• 二、列表渲染
• • 1. wx:for
  • 2. 手动指定索引和当前项的变量名
  • 3. 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