wx:key的作用

就今天在学习的时候看官方文档没有第一时间看懂,于是自己改动了代码做了测试,终于还是弄懂了wx:key的作用

这里写下个人的理解，有什么不对的地方希望大家指正：以<switch></switch>为例，如果没有wx:key，选中其中的某个按钮的时候，改变其顺序 或添加选项的时，选中的按钮时不回跟随 上个按钮改变顺序的，会一直在固定位子，如果如果有wx:key则相反，适用于列表或其他标签可以改变顺序或添加项目的情况

文字有点枯燥,下面我用运行截图来说明

首先这是加了wx:key的时候(wx:key的第二种方法this)

 

 运行结果如图所示

首先我们选定2号开关:

　

 

 然后我们点击"Add Number to the front" 按钮 触发添加switch函数(其实是在js的data中的numberArray中加了一条数据),结果如图所示:

 

 我们可以发现选中部分(就是绿色部分向右移动了)

而没有加wx:key时,绿色部分是不会向右移动的,这里我不再详细说明了,直接放上没加wx:key时的结果图吧!!,可以看到绿色部分是没有动的哦