基于vue的mintUI lazyload 二次加载问题

时间:2024-03-22 16:06:26

基于vue的mintUI lazyload 二次加载问题

用了mint ui 的lazy-load组件做加载优化,但是发现图片加载了2次,这优化好像跟没优化区别不大,,如下图,很明显一张图被加载了2次
基于vue的mintUI lazyload 二次加载问题
经测试,获取图片数据的函数只调用了一次,那么这肯定是lazyload内部问题了,,于是上官方网站开始检查,发现官方的一样加载了2次,但是我用edge浏览器却加载了一次,这就纳闷了,浏览器问题?
后面测试发现也不是,终于最后偶然发现问题 :我的谷歌浏览器设置了禁用缓存选项
基于vue的mintUI lazyload 二次加载问题
图中network 下方的disable cache 便是禁用缓存选项
只需关闭此选项便可解决问题,原因暂时不知