小程序之学习分享篇

微信小程序之如何删除Now you can provide attr wx:key for a wx:for to improve performance.
大家在微信小程序开发时，一般在遍历渲染的时候一般都会用到下面的代码。

<block wx:for="{{images}}">
...
<block/>

但是这样写通常是会出现一些问题的，虽然不会报错导致程序运行不了，但还是每次会在调试器里面出现下面这种情况,让你看了会很烦。这个是我的例子。

[WXML Runtime warning] ./pages/cloud/cloud.wxml
 Now you can provide attr `wx:key` for a `wx:for` to improve performance.
  34 | <button bindtap="onUpLoad">上传图片</button>
  35 | <button bindtap="onGetFile">文件展示</button>
> 36 | <block wx:for="{{image}}" >
     |  ^
  37 |     <image src="{{item.fileID}}"></image>
  38 |     <button size="mini" bindtap="onDownLoadFile" data-fileid="{{item.fileID}}">文件下载</button>
  39 | </block>

接下来告诉大家怎么解决。
大家只需要在第一行block最后面加上wx:key="key"这样就可以解决了，例子如下：

<block wx:for="{{image}}" wx:key="key">
    <image src="{{item.fileID}}"></image>
    <button size="mini" bindtap="onDownLoadFile" data-fileid="{{item.fileID}}">文件下载</button>
</block>

大家不妨亲手动手写个试试，就可以发现了