wx:key报错does not look like a val

wx:key报错does not look like a valid key name？

前言

今天遇到了一个史诗级的失误，and 坑。在这里记录一下，以后如果忘了能回来再瞅瞅。

事情是这样发生的。我打算做一个如下的效果。

image

结果发现，我删除一个节点，居然文本域的值往下移动了！！！

然后我立刻想到可能是视图并没有更新的问题，即是key的值的问题。

先贴上我原本的代码

image

我们可以看到当前的wx:key的值是index。原本我这里的值是{{index}}的，但是如果我这样设置，控制台就会报警告

image

然后如果你按照百度上面的说法，改成index。确实不报错了，但是就会出现文章开头的那个错误。

那怎么办呢！！！

后来，我就百度到了解决方法。我们只需要把wx:key的值设置为*this就解决了！！

网上的说法。

保留关键字this代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字用于组件仅需要一个属性，且属性值唯一

改完这个值之后，就会发现警告没了，视图更新也修复了！

image

---

参考文章

以上