xiangruyimo_1的博客

原创 Vue图片渐进式加载封装

图片渐进式加载概念： 渐进式加载图片思路: 通过 图片标签img 中 onload 事件 优先加载 模糊图片做法: 模糊图片加载完成后触发onload事件, onload事件更改data中数据加载真实图片渐进式图片子组件的封装该渐进式组件接收一个对象（本地图片使用import 引入 【例子 import gradual from “@/src/img/img.png”的方式引入】）{ gradual: “”, // 模糊图片（图片地址） src: “ ” // 加载图片（图片地址