美文网首页
wx:key报错does not look like a val

wx:key报错does not look like a val

作者: 达文西_Huong | 来源:发表于2020-07-24 21:30 被阅读0次

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

参考文章

以上

相关文章

网友评论

      本文标题:wx:key报错does not look like a val

      本文链接:https://www.haomeiwen.com/subject/krnslktx.html