关于小程序的基本问题

图片描述

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

阅读 2.1k
4 个回答

保证唯一

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

文档也写了,就是为了在列表中添加一个唯一标示符。
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吗??

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题