2024年06月22日 建站教程
npm install vue-lazyload //或者 yarn add vue-lazyload
引入vue-lazyload
import Vue from 'vue' import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload)
模板中调用lazyload指令
<template> <img v-lazy="imageURL" alt="我是图片" src="/static占位符图片"> </template>
配置lazyload
import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 1.3, // 预加载的高度比例，默认为1.3
error: '错误时显示的图片URL', // 图片加载失败时显示的图片
loading: '加载中显示的图片URL', // 图片加载时显示的图片
attempt: 1 // 图片加载失败后重新加载的次数，默认为1
})
本文链接：http://so.lmcjl.com/news/7046/