一.移动端点击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"/>
网友评论