好资源导航 » 文章资讯 » 用vue 实现手机触屏滑动功能

用vue 实现手机触屏滑动功能

2023-07-24 02:29:03 64

功能：iviewCarousel走马灯，我需要在phone上实现滑动切换功能。

data(){
return{
phone_mouseMIndex:0,//phone端滑动索引
phone_mouseMX0:0,//phone端滑动索引
phone_mouseMX1:0,//phone端滑动索引
}
},
...
//phone端滑动开始
phone_mouseS(e){
this.phone_mouseMX0=e.changedTouches[0].pageX;
},
//phone端滑动结束
phone_mouseE(e){
this.phone_mouseMX1=e.changedTouches[0].pageX;
lettag=this.phone_mouseMX1-this.phone_mouseMX0;
if(tag>=50){
if(this.phone_mouseMIndex>0){
this.phone_mouseMIndex--;
}else{
this.phone_mouseMIndex=2;
}
}
if(tag<=-50){
if(this.phone_mouseMIndex<2){
this.phone_mouseMIndex++;
}else{
this.phone_mouseMIndex=0;
}
}
}

到此这篇关于用vue实现手机触屏滑动功能的文章就介绍到这了,更多相关vue手机触屏滑动内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

返回顶部
514930285
czq8825@qq.com

用vue 实现手机触屏滑动功能

热门推荐

随机推荐