vue中的v-touch事件用法说明

目录

• v-touch事件用法
• v-touch实现页面假左右切换效果

v-touch事件用法

1.先下载

cnpm install vue-touch@next --save dev

2.在main.js引入

import VueTouch from 'vue-touch'
Vue.use(VueTouch, { name: 'v-touch' })

3.用法

v-touch实现页面假左右切换效果

1.安装v-touch: (vue2.0之后的要使用next分支才行，之前的使用master分支即可)

npm insall vue-touch@next --save   

2.main.js中引入，注意：这样打包后文件里的vendor.js会引入hammer.js(手势检测)

import VueTouch from 'vue-touch';
Vue.use(VueTouch, {
  name: 'v-touch'
});
VueTouch.config.swipe = {
  threshold: 10 //手指左右滑动触发事件距离
}

3.组件中使用

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。