微信小程序里 wx:for和wx:for-item区别(补充下wx:key)

 wx:for

一维数组情况:

在页面上

view  wx:for  ="{{list}}"  

{{item.id}}

view

是循环list

item是List的别名

多维数组情况:

view  wx:for  ="{{parent_list}}"  

{{item.id}}

  view  wx:for  ="{{item.childlist}}"  wx:for-item="items"

    {{item.id}}

  view

view

items是子List的别名。子Lsit是 item.childlist

总结: wx:for  是循环list   wx:for = "{{list}}"换成wx:for-items="{{list}}"    结果是一样 的     也就是 wx:for等价与wx:for-items是循环数组用的;

wx:for-item是取别名

对 wx:key 补充:

如果 列表中 项目位置 会动态改变  或者可能会有新的项目会加入列表中

需要标识这个项目在列表的位置:

则   可以选 用ltem的某个唯一的属性作为Key

或者 用 this  关键字代表   for循环的item本身,这种表示需要item本身就是 一个唯一的字符串或者数字。

猜你喜欢

转载自www.cnblogs.com/yizhizhangBlog/p/9931268.html