在用vue-lazy来做,懒加载的时候,每次v-show的变量改变的时候用到v-lazy的图片都会刷新一下。研究了下Vue-Lazyload.js v1.2.6的代码发现update的时候重新调用了add。
这里应该判断下当前的src值是否和新的data-src值是否一样如果是一样就不需要add了。于是,我再add方法里面加入如下的判断就可以实现vue变量改变的时候不去刷新图片了。达到完美的预期效果。
在用vue-lazy来做,懒加载的时候,每次v-show的变量改变的时候用到v-lazy的图片都会刷新一下。研究了下Vue-Lazyload.js v1.2.6的代码发现update的时候重新调用了add。
这里应该判断下当前的src值是否和新的data-src值是否一样如果是一样就不需要add了。于是,我再add方法里面加入如下的判断就可以实现vue变量改变的时候不去刷新图片了。达到完美的预期效果。