1：wx:key="字符串"

這個”字符串”代表在 for 循環的 array 中 item 的某個“屬性”
該“屬性” 的值需要是列表中唯一的字符串或數字，且不能動態改變。
用于被遍歷的組件需要多個屬性的時候。

//test.js

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" />

},

總結

以上是生活随笔為你收集整理的wx:key的使用及wx:key的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。