DahuangPhone微信小程序基础知识 → wx:key 以及for循环的使用


  共有2064人关注过本帖平板打印复制链接

主题:wx:key 以及for循环的使用

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:管理员 帖子:52 积分:452 威望:0 精华:0 注册:2003/12/30 16:34:32
wx:key 以及for循环的使用  发帖心情 Post By:2018/5/7 10:43:07 [只看该作者]

for语句使用如下,
for-index和for-item默认为id和item。
 
<view class="list1" bindtap="short" id="{{index}}" wx:for="{{array}}" wx:for-index='index' wx:for-item='item1' wx:key="*this">
<text>{{item1}}</text>
</view>
 
 

1:wx:key="字符串"

这个”字符串”代表在 for 循环的 array 中 item 的某个“属性”
该“属性” 的值需要是列表中唯一的字符串或数字,且不能动态改变。
用于被遍历的组件需要多个属性的时候。

 
data: {
input_data: [
{ id: 1, unique: "unique1" },
{ id: 2, unique: "unique2" },
{ id: 3, unique: "unique3" },
{ id: 4, unique: "unique4" },
]
}
//test.wxml
<input value="id:{{item.id}}" wx: for="{{input_data}}" wx:key = "unique" />
 
 

2. wx:key="*this"

保留关键字”*this”代表在 for 循环中的 item 本身,
这种表示需要 item 本身是一个唯一的字符串或者数字
用于组件仅需要一个属性,且属性值唯一。

 

//test.js
data: {
numberArray: [1, 2, 3, 4],
stringArray:['aaa', 'ccc', 'fff', 'good']
}
//test.wxml
<input value="id:{{ item }}" wx: for="{{numberArray}}" wx:key = "*this" />
<input value="id:{{ item }}" wx: for="{{stringArray}}" wx:key = "*this" />
},

 回到顶部