vue-lazyload 动态更新图片bug

今天小学习了下Vue的使用,当然我的是2.9.4版本,vue-lazyload支持vue 2.x,在做列表分页的时候发现取到数据之后,文字部分都更新了,但是唯独图片不更新,检查了下接口的返回没有问题,再看了下element上的元素,原来图片的src始终没有改变!

阿西吧...改成src,发现还是亲的好(皮一下-_-#)

// 之前的写法
 
// 改之后的写法:key="item.image"
 

仔细想了下难道就没有办法了吗?我就想用了插件咋就这么困难呢!按照以往的经验先上GitHub的issues问题库找找,不行再去stack overfolw查找【技巧:xxx site:stackoverflow.com】,果然又踩了前人留下的坑,翻了几个issues看看,原来加个key就搞定了!


image.png
// 完美版的代码

总结:查找问题还是先从根源查找,不要上来就各种百度!

你可能感兴趣的:(vue-lazyload 动态更新图片bug)