关于操作Vue中的v-for遇上的BUG个人推测性推理

原创
小哥 3年前 (2022-11-16) 阅读数 34 #大杂烩

前提:

这位博主很好, 刚开始学Vue, 使用vue写一个虚拟列表, 由于个人疏忽 无法通过单击更改新元素css的BUG, 但通过这个BUG在我自己的知识中发现了一些盲点


问题描述:

        let addFilm = {
        name: this.addFilmName,
        desc: this.addFilmDesc,
        score: this.formatTooltip(this.addFilmScore),
        // status: false 
      };

我以前忘了status的属性, 所以导致这个bug。

添加此属性之前log、

添加此属性后log

因此 在logAspect观察到了差异,并且 单击此元素时不能更改样式,除非滚动进度条并单击其他元素以更改样式。
所以我想可能是 其他要素的变化是由于vue某些侦听机制会导致检索呈现的所有数组的属性。被监视的滚动条事件也是对数组的操作和对数组的重新渲染,因此问题的关键点应该在这里。
结论 : 我不应该直接添加此属性,导致没有条目。vue的observer在中,您无法侦听属性更改以检索更改样式的回调。


版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门