小记:在这些天学习Node+Vue的前后端全栈项目时,为了进行系统的优化,使用了大量的插件,其中一个插件的使用出现了问题无法的到解决,这个就是vue-lazyload的动态图片加载问题

比如说在上面的这种情况下,商品区做了懒加载,但通过商品区左边的动态切换按钮进行切换发现,商品信息可以发生改变,但是商品图片却不可以动态加载,这个主要是由于在v-lazy指令的使用中没有添加key,如下的使用是正确的,一定要去绑定key,v-lazy和key的路径相同

<img v-lazy="ImgSrc" :key="ImgSrc">

欢迎微信公众号【前端栈无不胜】

会定期推送Js、Vue、React、Node、算法、面试等大前端技术博客、精选文章!

 

Logo

前往低代码交流专区

更多推荐