vue

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

2020-12-21  本文已影响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"/>

上一篇下一篇

猜你喜欢

热点阅读