关于小程序的基本问题

Question

是这样的 开发小程序的时候 发现一个问题就是 在用wx-for的时候 不加 wx-key那么就报警告，后来翻阅官网的API的时候才知道有这么一段话 但是有点不明白 这个key的作用 或者说我怎么能得到这个值？怎么在页面展示出来 有大神具体说说吗

Answer 1

保证唯一

<view wx:for="{{list}}" wx:key="{{index}}" data-index="{{index}}">
  {{index}}.{{item}}
</view>

Answer 2

文档也写了，就是为了在列表中添加一个唯一标示符。
react的循环也是这样写。

var list = [
    {id: 'zhangsan', name: '张三'},
    {id: 'lisi', name: '李四'},
    {id: 'wangwu', name: '王五'},
    {id: 'maliu', name: '马六'}
]
<block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="item.id">
上面这种写法也是对的。
你要拿到key不就是item.id吗？？

Answer 3

这个值是你自己指定的 比如

wx:for='{{arr}}' wx:key='{{index}}'

Answer 4

key 代表的是唯一值, 你可以取索引值, 例如索引是 0,1,2 这样的, 让每行都有个不同的索引.这样就达到目的了.