wx：key作用介紹：
wx:key一般是用在wx:for或者其他需要動態(tài)渲染的地方，采用wx:key可以對渲染列表中的元素給定唯一標識，使當我們的數組發(fā)生改變時，渲染中的原數據可以保持自己的特性。
舉個例子，現在有個點擊按鈕勾選的例子，當我們勾選羔羊排骨一條，點擊增加數據后，羔羊排骨左側的被選中狀態(tài)按理來說是應該一直跟隨羔羊排骨的，但是我們可以發(fā)現被選中按鈕并沒有跟隨羔羊排骨變化，而是哪個數據是第一個哪個數據就是被選中狀態(tài)，這就是因為我們在寫for循環(huán)時沒有添加wx:key沒有給定數據一個唯一的標識導致算法無法固定原有數據的渲染。
圖片來源：微信小程序wx:key的使用
當我們采用wx:key之后，原數據的渲染狀態(tài)就不會改變了
wx:key的使用
wx:key的使用很簡單，就是對我們數組中的每個數據給定一個唯一的標識就行
常用的標識：
1、wx:key="*this"
*this表示數組中元素本身，采用*this當wx:key時數組中的每個元素必須是不重復的，舉個例子
//如果我在data中定義了兩個數組arr，arr2,用于for循環(huán)渲染
arr=[
"小明",
"小紅"，
"小黃"
]
arr2=[
"小明"，
“小明”
],
?可以從上述定義的arr數組中發(fā)現，在arr數組中定義的元素：“小明”、“小紅”、“小黃”都是不重復的所以可以采用*this作為wx:key，但是在arr2中定義的兩個元素是重復的都是“小明”因此不能采用*this作為wx:key。
2.在定義元素時為每組元素定義一個唯一標識采用唯一標識作為wx:key
//在data中定義一個數組arr進行渲染
arr=[
{
id:1,name:"小明"
},
{
id:2,
name:"小明"
},
]
在定義arr數組時，由于name元素有可能重復因此為每個元素定義了一個id，每組元素的id都不一樣因此可以采用id作為wx:key，wx:key="id"
參考文章：
【小程序】006 詳解wx:key - 知乎文章來源：http://www.zghlxwxcb.cn/news/detail-733344.html
微信小程序wx:key的使用文章來源地址http://www.zghlxwxcb.cn/news/detail-733344.html
到了這里，關于微信小程序學習筆記——WX:key的使用的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
