美文网首页
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