微信小程序开发小知识点

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>
    
    
posted @ 2020-09-09 17:48  野渡  阅读(197)  评论(0编辑  收藏  举报