在我的工作项目中,前端不完全是SPA,也没有定义模板引擎中的所有组件,但是文档和vue之间的图像加载不一致。在vue组件正在加载和显示时,我无法提出一种合适的解决方案来加载文档图像。
当vue显示组件时,我们需要立即显示所有内容。
我能想到的一种解决方案是在所有data-src
元素的img
中应用源链接。当vue准备显示组件时,来自data-src
的值将应用于src
属性,浏览器开始下载图像文件。
但是CSS加载图像还存在其他问题,我不确定如何控制那里的加载。我假设我必须在CSS之外定义并为此使用JS?
我可以想到的2个其他解决方案是仅隐藏页面,直到vue完成渲染为止,但这会增加查看页面的时间。或使用占位符媒体代替加载照片。