全国服务热线:4008-888-888

公司新闻

手机微信微信小程序wx:key的应用

假如目录中新项目的部位会动态性更改或是有新的新项目加上到目录中,而且期待目录中的新项目维持自身的特点和情况(如 如 input 中的键入內容,switch 的选定情况),必须应用 wx:key 来特定目录中新项目的唯一的标志符。 当数据信息更改开启3D渲染层再次3D渲染的情况下,会校准含有 key 的部件,架构会保证她们被再次排列,而并不是再次建立,以保证使部件维持本身的情况,而且提升目录3D渲染时的高效率。 在开发设计全过程中,wx:key的功效针对新项目功效是是非非常大的,假如从文本上没法了解的朋友,能够到github clone demo到手机微信开发设计专用工具里,亲身感受下。 wx:key 的值以二种方式出示 标识符串,意味着在 for 循环系统的 array 中 item 的某一 property,该 property 的值必须是目录中唯一的标识符串或数据,且不可以动态性更改。 保存重要字 *this 意味着在 for 循环系统中的 item 自身,这类表明必须 item 自身是一个唯一的标识符串或是数据,如: 当数据信息更改开启3D渲染层再次3D渲染的情况下,会校准含有 key 的部件,架构会保证她们被再次排列,而并不是再次建立,以保证使部件维持本身的情况,而且提升目录3D渲染时的高效率。 如不出示 wx:key,会报一个 warning, 假如确立了解该目录是静态数据,或是无须关心其次序,能够挑选忽视。 大家见到这一GIF动漫图,这儿有一个switch的打开情况,switch的情况是在题目为羊羔排骨一条的,在对这一数字能量数组提升数据信息时,这一switch的情况其实不追随着羊羔排骨一条,其实不维持自身的情况。 那么我们再看另外一个案子,应用了wx:key唯一标志符。 这一GIF动漫图,也是点一下打开了switch的情况,唯一有不一样的地区,便是在增加数据信息时,是维持着自身的情况的。 坚信根据这2个小事例,对wx:key唯一标志符应当也是有所掌握啦,要想提高技术性,就需要多瞎折腾,自身在微信小程序里,写个wx:for 和 wx:key 感受下。 也有一个必须留意的地区,大家首先看看下列编码 view wx:for="{{twoList}}" wx:key="id" /view wx:key="id",大家见到wx:key里的值其实不必须花括弧的,是的,这儿是较为非常的地区,不用花括弧,同时都不必须主要参数名,必须是数据信息里的一个字段名名



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服