微信小程序开发小知识点
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
的值以两种形式提供:
-
字符串,代表在 for 循环的 array 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变。
objectArray = [{id: '1',unique:"sdf"}]
<switch wx:for="{{objectArray}}" wx:key="unique" > {{item.id}} </switch>
-
保留关键字 this 代表在 for 循环中的 item 本身,这种表示需要 item 本身是一个唯一的字符串或者数字。例如:
numberArray = [1,2,3,4]
<switch wx:for="{{numberArray}}" wx:key="*this" > {{item}} </switch>