每天开心一点

微信小程序中列表渲染中的难点For的wx:key

2020-08-11 14:01:00    六月    886    来源: https://www.cnblogs.com/kenshinobiy/p/9206072.html

A:数据改变,导致重新渲染的两种情况:

 1:有wx:key 的情况(不重新创建,仅改变顺序)

 2:无wx:key 的情况(重新创建)

B:两种情况的对比

C:什么时候需要wx:key

    1.需要wx:key 的情况

    2.可不需要wx:key 的情况

D:wx:key的使用及wx:key的值

E:微信小程序wx:key以及wx:key=" *this"详解

   相信大家对这个也是一头雾水,我的理解它就是告诉 wx, 用我自身(this关键字不用解释了吧!)作为这个key来进行迭代,当然,此时要求你自身是唯一的数字或者字符串(就是不能为对象,不然让人家咋找)。

     这种表示需要 item 本身是一个唯一的字符串或者数字

js:

 data:{

 numberArray : [ 1 ,  2 ,  3 ,  4]

}

wxml:

< switch   wx : for = " {{numberArray}} "   wx : key = " *this "   style = " display: block; " > {{item}}  </ switch >

参考: http://www.wxappclub.com/topic/536

https://www.cnblogs.com/chenzhiran/p/11160702.html