推荐设备MORE

网页在线编辑

网页在线编辑

行业新闻

迅速构建小程序流程_用vue 完成手机触屏滑动功用

日期:2021-01-05
我要分享
用vue 实现手机触屏滑动功能       这篇文章主要介绍了用vue 实现手机触屏滑动的功能,文中通过示例代码给大家介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
div @touchstart="phone_mouseS" @touchend="phone_mouseE" Carousel :autoplay-speed="5000" v-model="phone_mouseMIndex" autoplay :value="0" loop v-if="menuChoose == '/'" CarouselItem img src="../../mon/phone_banner_index1.jpg" / /CarouselItem CarouselItem img src="../../mon/phone_banner_index1.jpg" / /CarouselItem CarouselItem img src="../../mon/phone_banner_index3.jpg" / /CarouselItem /Carousel /div
this.phone_mouseMX1 = e.changedTouches[0].pageX; let tag = 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 手机触屏滑动内容请搜索凡科以前的文章或继续浏览下面的