在页面加载时,同时显示静态图像vue动态加载的图像

时间:2019-01-18 16:15:52

标签: html image dom vue.js browser

在我的工作项目中,前端不完全是SPA,也没有定义模板引擎中的所有组件,但是文档和vue之间的图像加载不一致。在vue组件正在加载和显示时,我无法提出一种合适的解决方案来加载文档图像。

当vue显示组件时,我们需要立即显示所有内容。

我能想到的一种解决方案是在所有data-src元素的img中应用源链接。当vue准备显示组件时,来自data-src的值将应用于src属性,浏览器开始下载图像文件。

但是CSS加载图像还存在其他问题,我不确定如何控制那里的加载。我假设我必须在CSS之外定义并为此使用JS?

我可以想到的

2个其他解决方案是仅隐藏页面,直到vue完成渲染为止,但这会增加查看页面的时间。或使用占位符媒体代替加载照片。

0 个答案:

没有答案