javascript - vue使用v-for,加载图片失败, 会出现闪烁的问题, 求解决

问题描述

问 题

• 每隔一秒会刷新数据, 数据使用v-for同步到视图层, 正常情况下没问题, 当其中一个图片出现加载失败时, 就会出现一直闪烁的问题

• 尝试使用的解决方案:

1. img上加onerror="this.src=xxxx", 错误时指向一个正确的图片地址, 效果没变化

2. 把图片转成base54依然会有这样的问题

• 演示地址:http://runjs.cn/code/cxyd8wut

• 求解决方案!

解决方案

看你demo用的vue 1，可以加上track-by="id"

<li v-for="u in users" track-by="id">

同一个id，url也没变的话，不会重新创建img，就不闪了

这篇关于javascript - vue使用v-for,加载图片失败, 会出现闪烁的问题, 求解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！