Lazyload


图片懒加载。

示例
  1. <div v-nut-lazyload='{
  2. "imgLoading":"http://page.jd.com/virtuals/ijipiao/1.3/css/i/loading.gif",
  3. "distance":40,
  4. "element":"[lazyload]",
  5. "failImg":'url'
  6. }'>
  7. <img data-src="url" lazyload/>
  8. </div>

Options
参数说明类型默认值可选值
v-nut-lazyload指令String
imgLoading用于加载loading图片的路径String默认自带一张loading
distance提前加载图片距离可视窗口底部的距离number不写 默认为30
element用于需要懒加载图片元素的选择String不写 默认为'[lazyload]'
failImg用于图片请求失败显示的图片String不写 默认没有