解决报错,Ignored attempt to cancel a touchmove event with cancelable=false

最新推荐文章于 2024-05-07 20:53:41 发布
最新推荐文章于 2024-05-07 20:53:41 发布
阅读量1.9w 收藏 53
点赞数 67
分类专栏： 解决报错 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaojian_521/article/details/125537845
版权

最近在学uni-app,写项目的时候使用 scroll-view 组件, 每次滚动,控制台都会报如下错误

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

问题背景: 如下图,红框使用的就是 scroll-view 组件,想要的效果是让红框内元素上下滑动

控制台报错: 

 

在网上找了一下,有说是因为页面下拉刷新的影响,我也尝试了一下,去配置里取消了下拉刷新,并没有解决.

又仔细阅读了报错的翻译

 

 觉得可能是蒙版阻止默认的修饰符与 scroll-view 组件有冲突,如下图,因为事件冒泡, scroll-view 组件的 touchmove 事件可以传递到模态框

 于是我给 scroll-view 取消冒泡 报错没了,问题成功解决!

 

 

 

 

 

 

 

小剑_x
关注
  • 67
    点赞
  • 踩
  • 53
    收藏
    觉得还不错? 一键收藏
  • 28
    评论
专栏目录
Ionic日期选择插件
07-04
感谢gocaizi贡献出来的代码，我在此基础上进行了一些修改 http://blog.csdn.net/u013276665/article/details/50001083
MySQL无法重启报错Warning: World-writable config file ‘/etc/my.cnf’ is ignored的解决方法
09-09
最近在维护公司服务器的时候，在关闭数据库的命令发现mysql关不了了，提示错误为Warning: World-writable config file '/etc/my.cnf' is ignored，通过查找网上的资料终于解决了，现在将解决的方法分享给大家，同样...
关于Ignored attempt to cancel a touchmove event with cancelable=false问题
qq_45876765的博客
12-12 485
关于：Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.报错问题
.Ignored attempt to cancel a touchmove event with cancelable=false,scrolling is in progress and cann
热门推荐
cyx2350356668的博客
03-14 1万+
.Ignored attempt to cancel a touchmove event with cancelable=false,scrolling is in progress and cannot be interrupted.at vendorsconfiglogin.js:1 移动端滑动滚动条过快报了这个错，查找原因是所引用框架里一个组件的小bug，把框架源码修改下就好了。 解决步骤如...
[Scrcpy]数据线连接安卓手机投屏windows电脑[win控制安卓手机]比Samsung Dex好用
最新发布
浣花御劍
05-07 1512
一些视频资料只能下载到手机，很不喜欢手机那么小屏幕播放，播放很不方便在家的话可以投屏显示器。那么，除了投屏hdmi或者DP线连接外接显示器外，如果在外面，通常只携带笔记本电脑，可以使用以下的方式进行投屏到Windows电脑，毕竟大屏还是比手机好看的多。
解决Vue报错：Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example
m0_52364694的博客
08-08 3133
错误提示：Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 解决方法 reset.css中加入代码 *{ touch-action: none; }
Ignored attempt to cancel a touchmove event with cancelable=false
weixin_59803648的博客
08-29 388
解决Ignored attempt to cancel a touchmove event with cancelable=false,在pages.json中设置该页面。
[Intervention] Ignored attempt to cancel a touchend event with cancelable=false, for example because
Demons丶的博客
05-11 5824
[Intervention] Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. touchend 移动端写了个长按事件，在滑动的时候js报这个错误。 @touchend.prevent @touchstart.prevent 把阻止冒泡事件去掉就行了。 ...
使用scroll-view 解决报错,Ignored attempt to cancel a touchmove event with cancelable=false
qq_52499745的博客
08-09 94
使用scroll-view 解决报错,Ignored attempt to cancel a touchmove event with cancelable=false
Introduction-to-Mock-with-Mockito-:Mockito的Mock简介
05-14
他们将帮助我们强调与Mockito合作时我们日常遇到的问题，并提供解决方案:-) 议程 未存根方法的默认行为 如果没有存根，则模拟方法将返回零，错误，空集合或空值-取决于所用方法的返回类型是什么。 它可能导致遇到...
MySQL数据库常见错误及解决方案
01-21
1.MySQL无法重启问题解决Warning: World-writable config file ‘/etc/my.cnf’ is ignored 　原因 　帮朋友维护服务器，在关闭数据库的命令发现mysql关不了，提示Warning: World-writable config file '/etc/my....
SpringBoot使用注解，来初始化时间格式
pukun888的博客
06-11 481
原文参考链接
vue项目中使用mint-ui swiper 报Ignored attempt to cancel a touchmove event with cancelable=false, for examp
weixin_43144209的博客
10-20 4425
控制台查看报错信息，定位到报错位置，将event.preventDefault();注释掉，报错就没有了 mint-ui.common.js文件路径：/node_modules/mint-ui/lib/mint-ui.common.js
使用swiper报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
DemoJx的博客
10-18 3492
使用swiper报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
weixin_38547641的博客
07-25 2537
使用vue-awesome-swiper时报的错 1、[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 解决方案： 给body加上ontouchstart 这个操作是进行手机端兼容处理的，防止伪类:active失效。 2、Module not f
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
QSWの
11-04 548
swiper报了这个错误，大家都说加touch-action 但是我的还是不好使 然后** 给body加了ontouchstart ** 就好使了 感觉也比之前顺畅了 这个操作是进行手机端兼容处理的，防止伪类:active失效。
better-scroll插件引发的报错血案
qq_42241357的博客
10-31 679
报错代码提示： [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 解决方: 解决方式.
移动端开发touchmove事件preventDefault引发页面不能滚动问题
AlexS Blog
03-07 9926
项目中，用到了一个可在页面中的拖拽小图标，由于拖动过程中不能引发页面的拖动@touchmove事件对应函数中加入： document.addEventListener("touchmove",this.preventDefault,false); preventDefault(e) { e.preventDefault(); } 但实际拖动之后，发现长页面上下也无法拖动...
报错：No artists with labels found to put in legend Note that artists whose label start with an underscore are ignored when legend() is called with
06-03
这个错误一般是因为在创建图例时没有正确指定图例的标签。通常情况下，我们需要在创建图形对象时指定标签，然后在创建图例时使用这些标签。例如： ```python import matplotlib.pyplot as plt # 创建图形对象，并指定标签 x = [1, 2, 3, 4, 5] y = [2, 4, 6, 8, 10] plt.plot(x, y, label='data') # 创建图例，并显示 plt.legend() plt.show() ``` 如果在创建图形对象时没有指定标签，或者标签以下划线开头，那么在创建图例时就会出现上述错误。因此，确保在创建图形对象时正确指定标签，或者在创建图例时手动指定标签，即可解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 28
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值