这个
插件的
压缩版本只有7.62kb,非常简洁,并
支持img标签和
背景图片资源vue.js lazyload。支持1和2 vue.js
安全
NPM
安装Vue lazyload --拯救美元
使用
方法 / / main.js
进口Vue from'vue
进口 / / vuelazyload
进口vuelazyload from'vue-lazyload
使用自定义指令
vue.use(vuelazyload)
使用
选项 vue.use(vuelazyload,{
预负荷:1.3,
错误:以内以每/ PNG的错误,
加载:以内以每 /加载.webp,
尝试:1
})
新的Vue({
EL:'body,
})
出口
默认{
数据(){
返回{
表:{
your_images_url,
your_images_url,
在加载或加载失败时,您可以向客户提供任何映像占位符
{
SRC:'your_images_url PNG,
错误:'another-error PNG,
加载:'another-loading-spin SVG。
}
}
}
}
}
在这里,您可以定制所有成功加载和加载的样式,而不需要加载和加载。
img { } {懒惰=加载
{您的风格}
}
img {懒惰=错误} {
{您的风格}
},
img { } {懒惰=装
{您的风格}
}
*
或背景图像
* /
{ }里{懒惰=加载。
{您的风格}
}
{ }里{懒惰=错误。
{您的风格}
},
{ }里{懒惰=加载。
{您的风格}
}
美国石油学会
选项
参数 型
细节
预紧力
数
预紧高度比例
误差
字符串
IMG SRC错误
加载
字符串
加载IMG SRC
尝试
数
尝试计数
演示
下载地址:vue-lazyloadz_jb51.rar
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。