scroll-view 滚动时报错Ignored attempt to cancel a touchmove event with cancelable=false

最新推荐文章于 2024-07-23 16:57:56 发布

原创最新推荐文章于 2024-07-23 16:57:56 发布 · 727 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp #uni-app

本文讲述了在Uniapp项目中，遇到频繁滚动时[Intervention]错误，解决方法是在scroll-view标签上添加了@touchmove.stop属性，从而避免了事件被取消的问题。

uniapp项目，使用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标签上添加@touchmove.stop之后，问题解决。

<scroll-view :scroll-y="true" @touchmove.stop></scroll-view>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_Jika_

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

ZJ_xunyicao的博客

12-10

1057

在vue项目中使用vue-awesome-swiper2.7.6的时候鼠标滑到最右边会报下面的错： [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 解决办法： [Intervention] Ignored attempt to cancel a tou

解决Vue报错：Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example

m0_52364694的博客

08-08

3415

错误提示：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; }

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

优快云-Ada助手 2024.03.23
推荐算法技能树：https://edu.youkuaiyun.com/skill/algorithm?utm_source=AI_act_algorithm

解决uniapp scroll-view组件滚动报错Ignored attempt to cancel a touchmove event with cancelable=false

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

06-18

1031

添加 @touchmove.stop 即可。

三种方法解决[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false

热门推荐

weixin_44479794的博客

05-25

2万+

问题背景，开发一个uniapp项目时，需要使用做一个能左右滑动的表，如下图使用的组件为scroll-view，代码截图 bug：左右滑动时，会报错，报错信息如下 [Intervention] 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, for example because scrolling is in progress and cannot be interrupted

06-06

在某些情况下，浏览器或框架会报告 `[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false` 的警告。这通常发生在尝试取消一个 `touchmove` 事件时，但该事件的 `cancelable` 属性被...

uni-data-select 报 Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

06-25

在使用 `uni-data-select` 组件时，如果出现 `[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false` 的控制台警告信息，这通常表示某个组件尝试阻止默认的触摸滚动行为，但该事件不...

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

03-08

在处理 UniApp 的 `u-swipe-action` 组件时，遇到的错误提示 “Ignored attempt to cancel a touchmove event with cancelable=false” 主要是因为滚动操作正在进行且无法中断所引起的[^1]。对于这个问题，在 `...

uniapp app uview u-tabs 报错 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 要保留 "enablePullDownRefresh": true

最新发布

07-18

tabs组件时，启用了下拉刷新（enablePullDownRefresh: true），但在使用u-tabs时出现了触摸事件的警告（[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false ...）。用户希望解决这...

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

xiaojian_521的博客

06-30

2万+

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

【报错记录】TouchMove事件中(忽略取消一个touchmove事件的尝试(cancelable=false)，例如，因为滚动正在进行中，不能被中断。)的问题解决方案

weixin_42582523的博客

12-17

3290

TouchMove事件中(忽略取消一个touchmove事件的尝试(cancelable=false)，例如，因为滚动正在进行中，不能被中断。)的问题解决方案

uniapp scroll-view组件滚动时报错 [Intervention] Ignored attempt to cancel a touchmove event with cancelabl

xuelong的博客

07-23

633

使用scroll-view组件滚动时报错报错截图。

Ignored attempt to cancel a touchmove event with cancelable=false问题

qq_41956361的博客

01-07

1704

翻译过来就是忽略取消触摸移动事件的尝试，cancelable=false，我尝试将滚动区域设置属性，cancelable=false发现还是没用，在看网上的配置style发现还是没能解决我的问题，前言:关于我在uniapp项目中使用到了u-popup弹层又在里面加入了scoll-view实现滚动，当我想试下下拉触底的时候弹出该错误，那么我们还如何解决！那么我们该如何解决呢！嗯，这样就不会报错了。

uni-h5.es.js:25055 [Intervention]Ignored attempt to cancel a touchmove event with cancelable=false,

JiuMeilove的博客

12-06

1137

在 JavaScript 中，可以使用 event.preventDefault() 来阻止浏览器默认的行为。然而，一些事件（如 touchmove）的默认行为是无法取消的，除非事件还没有开始或者事件已经被取消。如果滚动正在进行，浏览器会忽略对这个事件的取消。这个问题来自 uni-h5.es.js 的一个报错信息。看起来是在尝试阻止一个 touchmove 事件的默认行为，但该事件是不可取消的。这个错误通常在阻止一个已经处于活动状态的（比如滚动）touchmove事件时发生。

Ignored attempt to cancel a touchmove event with cancelable=false

weixin_59803648的博客

08-29

478

解决Ignored attempt to cancel a touchmove event with cancelable=false,在pages.json中设置该页面。

Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is

时倾_于你

08-12

3961

Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 解决方案： 1.node_modules——ionic——core——dist——esm——ion-datetime_3-i...

使用scroll-view 解决报错,Ignored attempt to cancel a touchmove event with cancelable=false

qq_52499745的博客

08-09

179

使用scroll-view 解决报错,Ignored attempt to cancel a touchmove event with cancelable=false

关于Ignored attempt to cancel a touchmove event with cancelable=false问题

qq_45876765的博客

12-12

1623

关于：Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.报错问题