vue中的懒加载

下载懒加载:

    npm i vue-lazyload  -S

    在main.js中引入

    import Vuelazyload from 'vue-lazyload'

    Vue.use(Vuelazyload,{

        preload:1.3,  //预加载高度比例

        loading:require('../assents/images/图片的路径'),  //预加载的图片
    
        attempt:1   //尝试加载图片数量
    
    })

    用法:

    在你想用懒加载的页面这样写:  把<img :src="items.imgurl"/> 改为: <img v-lazy="items.imgurl"/>