Vue.use(Lazyload, { })正在加载和加载错误占位图
时间: 2024-03-03 18:53:10 浏览: 81
图片延迟加载 lazyload
在 Vue.js 中使用 Lazyload 插件时,可以通过配置选项来设置正在加载和加载错误的占位图。可以在选项对象中添加 loading 和 error 属性,分别指向正在加载和加载错误的占位图的图片地址。例如:
```
Vue.use(Lazyload, {
loading: 'loading.gif',
error: 'error.png'
})
```
上面的代码中,loading 和 error 属性分别指向了正在加载和加载错误的占位图的图片地址。这样,在图片还没加载完成时会显示 loading.gif 图片,如果加载失败则会显示 error.png 图片。
当然,在实际使用中,可以根据需要设置不同的占位图,以提高用户体验。同时,也可以设置不同的图片类型,例如使用 SVG 格式的图片,以提高图片的清晰度和性能。
阅读全文