1 / 5
文档名称:

微信小程序 wx-key详细介绍.doc

格式:doc   大小:24KB   页数:5页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

微信小程序 wx-key详细介绍.doc

上传人:raojun00001 2019/11/28 文件大小:24 KB

下载得到文件列表

微信小程序 wx-key详细介绍.doc

文档介绍

文档介绍:微信小程序wx:key详细介绍微信小程序wx:key在自己学习的时候不是多明白到底是怎么回事,经过上网查阅资料,整理下:个人感觉官方给出的例子不是很明确,官方解释如下:wx:key如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如input/中的输入内容,switch/的选中状态),需要使用wx:key来指定列表中项目的唯一的标识符。wx:key的值以两种形式提供字符串,代表在for循环的array中item的某个property,该property的值需要是列表中唯一的字符串或数字,且不能动态改变。保留关键字*this代表在for循环中的item本身,这种表示需要item本身是一个唯一的字符串或者数字,如:当数据改变触发渲染层重新渲染的时候,会校正带有key的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率。如不提供wx:key,会报一个warning,如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略。示例代码:switchwx:for=“{{objectArray}}”wx:key=“unique”{{}}/switchbuttonbindtap=“switch”Switch/buttonbuttonbindtap=“addToFront”Addtothefront/buttonswitchwx:for=“{{numberArray}}”wx:key=“*this”{{item}}/switchbuttonbindtap=“addNumberToFront”Addtothefront/buttonPage({data:{objectArray:[{id:5,unique:‘unique_5’},{id:4,unique:‘unique_4’},{id:3,unique:‘unique_3’},{id:2,unique:‘unique_2’},{id:1,unique:‘unique_1’},{id:0,unique:‘unique_0’},],numberArray:[1,2,3,4]},switch:function(e){constlength=(leti=0;ilength;++i){constx=(()*length)consty=(()*length)consttemp=[x][x]=[y][y]=temp}({objectArray:

最近更新

业务员个人计划与业务员个人计划2018汇编 5页

世界无烟日宣传活动方案参考与世界无烟日活动.. 4页

水稻重大病虫害防控重点任务及技术措施 4页

上半年招商引资工作小结范本与上半年支教工作.. 5页

县域乡镇建设规划 37页

植物复合寡糖示范应用工作实施方案1 7页

区县双创平台在孵企业记分奖惩办法暂行 4页

【职业资格考试】幼儿园保育员业务能力考试试.. 10页

“吃空饷”专项督查工作报告与“吃空饷”问题.. 3页

2022版一级建造师《矿业工程管理与实务》模拟.. 8页

2021年一级建造师《市政公用工程管理与实务》.. 16页

2020版幼儿园大班保育员四级业务技能考试试题.. 12页

2020版幼儿园保育员五级能力考试试题试题(附答.. 11页

2020年重点小学二年级语文【上册】全真模拟考.. 4页

国际货物买卖中散货的风险转移法律问题研究 7页

电工进网作业许可考试教材第四章第九节箱式变.. 28页

2025年香料原料项目建议书 50页

高考历史选择题答题技巧省公开课金奖全国赛课.. 24页

八年级英语下册练习题(打印版) 5页

综合楼施工方案 18页

视觉流程设计考题汇总(按题目类型有答案) 6页

手术室护理实践指南隔离技术ppt 27页

微机联锁系统操作手册 49页

美甲步骤美甲知识精选课件 35页

2021年离合词 离合词辨 10页

桐城,我可爱的家乡-课件(ppt·精选) 14页

糖尿病肾病合并肺部感染护理查房 PPT课件 32页