今天小学习了下Vue的使用，当然我的是2.9.4版本，vue-lazyload支持vue 2.x，在做列表分页的时候发现取到数据之后，文字部分都更新了，但是唯独图片不更新，检查了下接口的返回没有问题，再看了下element上的元素，原来图片的src始终没有改变！
阿西吧…改成src，发现还是亲的好（皮一下-_-#）
1 | // 之前的写法 |
2 | <img v-lazy="'static/'+item.image" alt=""> |
3 | // 改之后的写法:key="item.image" |
4 | <img v-bind:src="'static/'+item.image" alt=""> |
仔细想了下难道就没有办法了吗？我就想用了插件咋就这么困难呢！按照以往的经验先上GitHub的issues问题库找找，不行再去stack overfolw查找【技巧：xxx site:stackoverflow.com】，果然又踩了前人留下的坑，翻了几个issues看看，原来加个key就搞定了！
1 | // 完美版的代码 |
2 | <img v-lazy="'static/'+item.image" :key="item.image" alt=""> |
总结：查找问题还是先从根源查找，不要上来就各种百度！