微信小程序-列表和条件渲染

列表渲染

在组件中使用wx:for属性绑定一个数组或对象，即可使用每一项数据重复渲染当前的组件

每一项的变量默认名为item，下标变量默认名为index

建议使用wx:key属性

• 字符串： 如果循环项是对象，并且对象中有一个唯一的属性（如 id），可以直接指定该属性名作为 wx:key 的值，例如 wx:key="id"。
• *this： 如果循环项本身就是唯一的字符串或数字，可以使用 *this 作为 wx:key 的值，例如 wx:key="*this"。

如果列表对象中没有id属性，则使用index做替代

---

block

等同于vue中的template，小程序也提供了block标签供wx:if和wx:for组合使用

---

条件渲染

• wx:if、wx:elif、wx:else属性组实现

• 使用hideen属性实现

hidden的用法与v-show相同

---