Vue实现图片loading

在网络慢的情况下请求图片用loading来替换空白屏

图片路径错误也也可以用另一张图来替换默认的破损图

Vue实现图片loading_第1张图片

Vue实现图片loading_第2张图片

loading素材

Vue实现图片loading_第3张图片

// 自定义封装子组件


load

使用:

data() { return { url: 'https://pic.wujinpp.com/upload/vod/20220327-1/3a5b7a7c322c3df70f8c22deede12280.jpg',         }     }

你可能感兴趣的:(组件封装,vue.js,前端,elementui,html)