码迷,mamicode.com
首页 > 其他好文 > 详细

vue使用swiper模块滑动时报错:[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

时间:2019-11-23 23:46:39      阅读:508      评论:0      收藏:0      [点我收藏+]

标签:ogre   ext   amp   sdn   ati   and   修改   菜单   node   

报错:

技术图片

vue报这个错 
[Intervention] Ignored attempt to cancel a touchmove event with 
cancelable=false, for example because scrolling is in progress and cannot be interrupted

方案1:使用css3

touch-action: none;

属性:

touch-action :当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。 
touch-action取值有一下两种 
none:系统默认菜单被禁用 
default:系统默认菜单不被禁用

 

方案2:修改源文件

找到 swiper原文件,node_modules=》swiper 下面的 swiper.js,第2795行 屏蔽  // e.preventDefault();,不再报错了。

swiper.allowClick = false;

// e.preventDefault();

if (params.touchMoveStopPropagation && !params.nested) {

e.stopPropagation();

}

 

 

 

 

 

 

 

.

 

vue使用swiper模块滑动时报错:[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

标签:ogre   ext   amp   sdn   ati   and   修改   菜单   node   

原文地址:https://www.cnblogs.com/jianxian/p/11920713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!