wx:key 设置不生效微信小程序开发

时间：2019-05-06 来源：小程序工厂

- 当前 Bug 的表现（可附上截图）

当渲染一个对象数组的时候，我期望每次新插入数据就在 ready() 中打印一下它的数据。[51 微信小程序]微信客户端版本与微信小程序基础库对应关系微信小程序开发教程 ...。但是在实际的使用过程中会发现新插入的数据不会触发 ready()，每次都触发都是初始的数据。

个人猜测是因为 wx:key 设置不生效，导致默认使用数组下标来设置 key，每次向数组前面插入数据的时候 (0,-10) 的 DOM 总是存在的导致了这个问题。

- 预期表现

希望能每次插入就打印插入的数据，而不是初始数据

- 复现路径

代码片段中点击向前插入按钮查看控制台的打印结果即可发现问题

- 提供一个最简复现 Demo

代码片段 wechatide://minicode/zkkjJemA6vY8

微信小程序开发相关问题解答；本文来自微信小程序工厂 http://www.xcxgc.com 转载请保留。

微信小程序开发者回答：

公***：系统记录
L***：
你好，wx:key 不支持数据绑定的形式，你的例子中，应为 wx:key="item"

iOS退出微信小程序时卡死+微信小程序教程
赵***：
你contact插反了
赵***：
你concat插反了
公***：
@LastLeaf 嗯，已经发现了，thx~
@赵子龙我就是故意要往前插的
[51 微信小程序]Bug 第三方平台无法发布已通过的微信小程序-微信小程序开发 ...
g***：
这样做有何实际意义？
g***：
我测试了确实是wx:key导致的问题，
wx:key='item.item' 其中的item.item 改成对象字段名称即可，你把对象名称写成item，不知道你是故意为之还是为何？
修改代码：
const data = Array.from({length: 10}, (v, k) => ({
sid: 'list' + (k+base)
}));

公***：
@ghost 应该是官方的回答是对的，就是 item，对象名只是我随便写的例子。这里的主要问题还是我写了花括号了。。。之前一直都分不清什么情况要加花括号什么情况下不要加。。。。
开发工具上传模板失败&微信小程序开发教程
g***：
@公子 wx:key 还以为你故意为之

本文网址：http://www.91bianli.com/kaifazhinan/63954.html

上一篇：审核速度

下一篇：后台微信支付绑定已有商户入口不见了？-微信小

微信小程序开发

wx:key 设置不生效 微信小程序开发

wx:key 设置不生效微信小程序开发