微信小程序开发小知识点

1.微信中数据循环。

  在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为         item。

<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</view>

或者可以指定：
使用 wx:for-item 指定数组当前元素的变量名，使用 wx:for-index 指定数组当前下标的变量名：

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>

2.循环元素的wx:key，

wx:key 的值以两种形式提供：

1. 字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。

   objectArray = [{id: ‘1‘,unique:"sdf"}]

   <switch wx:for="{{objectArray}}" wx:key="unique" > {{item.id}} </switch>

2. 保留关键字 this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字。例如：

   numberArray = [1,2,3,4]

   <switch wx:for="{{numberArray}}" wx:key="*this" > {{item}} </switch>

微信小程序开发小知识点

原文：https://www.cnblogs.com/yeduweichengzhaoyu/p/13640285.html