这个插件的压缩版本只有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的错误，
加载：以内以每 /加载.gif，
尝试：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



以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。