美文网首页vue
github上一些使用简洁的依赖项

github上一些使用简洁的依赖项

作者: 埼玉的头发 | 来源:发表于2020-12-21 20:34 被阅读0次

    一.移动端点击300ms延迟问题

    1.利用npm下载fastclick
    npm i fastclick -S
    
    2.main.js中引入并使用
    import Vue from 'vue'
    import FastClick from 'fastclick'
    FastClick.attach(document.body)
    

    二.vue项目中图片懒加载

    1.下载依赖
    npm i vue-lazyload -S
    
    2.引入并使用依赖

    使用时有很多参数,详见 https://github.com/hilongjw/vue-lazyload

    import Vue from 'vue'
    import VueLazyload from 'vue-lazyload'
    // 最简单的使用
    Vue.use(VueLazyload)
    
    3.修改img中src为v-lazy
    <img  :src="item.image" width="100%" @load="imgLoaded"/>
          👇 👇  
    <img  v-lazy="item.image" width="100%" @load="imgLoaded"/>
    

    相关文章

      网友评论

        本文标题:github上一些使用简洁的依赖项

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