美文网首页
图片懒加载

图片懒加载

作者: Sunshine_488c | 来源:发表于2020-03-03 21:39 被阅读0次

    图片懒加载,需要在assets中新建一个utils下新建一个index.js,内容如下

    import echo from '../libs/echo.js'

    export function lazyImg(){

        echo.init({

            offset:100, //可视区域多少像素可以被加载

            throttle:0 //设置图片延迟加载的时间

        });

    }

    //需要的页面中引入

    import {lazyImg} from '../../../assets/js/utils'

    方法中用this.$nextTick获取都没元素

    this.$nextTick(()=>{

      lazyImg();

    });

    页面中图片这样写<img src="../../../assets/images/common/lazyImg.jpg" :data-echo="item.image" alt="">

    相关文章

      网友评论

          本文标题:图片懒加载

          本文链接:https://www.haomeiwen.com/subject/dvvllhtx.html