vue cli使用vue-touch滑动(实现左右滑动切换页面)

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1原理:其实是将百度touch.js引入到项目中 然后有滑动等事件 在事件中调用方法

                    vue-touch 地址:https://github.com/vuejs/vue-touch/tree/next

2安装:

                npm install vue-touch @ next

                引入man.js(我引入的报错,找不到路径 手动改掉)

import VueTouch from 'vue-touch'

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

VueTouch.config.swipe = {

threshold: 100 //手指左右滑动距离

}

 下面是一个使用的例子 (使用提供的v-touch标签 就可以触动手势 根据不同的手势调用方法即可,swipeleft左滑事件)






    

 

转载于:https://my.oschina.net/u/3234821/blog/3036719

你可能感兴趣的:(javascript,python)