移动端项目vue点击报错[Intervention]

最新推荐文章于 2023-12-06 11:15:22 发布
最新推荐文章于 2023-12-06 11:15:22 发布
阅读量272 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43837268/article/details/110382778
版权

 

问题描述：使用vue开发移动端页面时，提示如下错误，并且点击事件不触发，PC端正常

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

解决：全局样式添加* {touch-action: pan-y;}， pan-y表示启用单指垂直平移手势(上下滑动事件)
saas软件销售顾问
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue移动端项目搭建实现点击勾选
03-12
vue移动端项目搭建实现点击勾选
vue踩坑记录之：手机端查看vue项目与 listen EADDRNOTAVAIL报错
weixin_33929309的博客
02-09 237
百度真的是万能的，对于我这种小菜鸟来说，真的是必不可少，这不我前天想在手机端查看vue项目，就遇到了一个问题，都告诉我们要把localhost改成本机的ip，然后保持手机和电脑在同一个网段中，可就是出不来，也是被气个半死，这不黄天不负有心人终于让我找到了问题所在： 如图操作就可以实现手机端查看了。但是，之后下班回家我又运行项目的时候出现...
解决Vue报错：Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example
m0_52364694的博客
08-08 3125
错误提示：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; }
vue 出现[Intervention] Unable to preventDefault inside passive event listener due to target being 报错
zjh980622的博客
07-05 358
在vue中 写了一个可以滚动的弹窗，但是点击弹窗滑动的时候会出现42[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>报错。出现这个问题的原因是，浏览器将事件处理程序标记为被动(passive)，以优化性能。搜了一下说这个错误通常是当你在passive事件监听器中尝试调用。在你报错的页面写上这段代码就好了。
移动端的点击事件问题
vscode_js的博客
08-20 431
再移动端我们经常会遇到一些很郁闷的问题比如说，有些设备点击事件失效，但是有些设备又没问题…… 比如说苹果手机点击事件失效了，但是安卓手机没问题。其实这个问题有两种解决方案一种是针对要点击dom添加一个css属性： cursor: pointer; 但是问题又来了，凡是添加这个属性的dom节点在点击的时候都会出现一个蓝色的背景，体验效果很差，解决方案是给body标签添加一个属性： -w...
谷歌浏览器报错 [Intervention] Unable to preventDefault inside passive event listener due to target being ..
qq_37514029的博客
07-15 628
网上的解决办法一般为2种 . 1. 修改css *{ touch-action: none; } 或者 * { touch-action: pan-y; } 该方法测试无效 2. 修改js 在处理函数时写明{ passive: false } window.addEventListener('touchmove', fn, { passive: false }) 测试成功. ...
Vue2开发移动端的模板
03-18
可以直接套用 也可以仿写
创建项目时VUE报错的解决办法
02-25
创建项目时VUE报错的解决办法
uni-app框架项目小U商城移动端+Vue项目后台管理系统+菜谱小程序
09-25
内含三个实战项目的演示视频+项目源码github链接 项目1.uni-app框架项目-小U商城移动端 2.Vue项目-后台管理系统 3.菜谱小程序
初识vue以及遇到的问题及解决方法
qq_63533863的博客
01-14 120
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>初识vue</title> <!--引入vue--> <script type="text/javascript"src="../js/vue.js"></script> </head> <body> <!--准.
移动端点击延迟的原因与解决方案
subsistent的博客
02-16 483
我们可以通过以下标签来设置视口宽度为设备宽度。因为双击缩放主要是用来改善桌面站点在移动端浏览体验的，而随着响应式设计的普及，很多站点都已经对移动端坐过适配和优化了，这个时候就不需要双击缩放了，如果能够识别出一个网站是响应式的网站，那么移动端浏览器就可以自动禁掉默认的双击缩放行为并且去掉300ms的点击延迟。这个方案有一个缺点，就是必须通过完全禁用缩放来达到去掉点击延迟的目的，然而完全禁用缩放并不是我们的初衷，我们只是想禁掉默认的双击缩放行为，这样就不用等待300ms来判断当前操作是否是双击。
uni-h5.es.js:25055 [Intervention]Ignored attempt to cancel a touchmove event with cancelable=false,
最新发布
JiuMeilove的博客
12-06 480
在 JavaScript 中，可以使用 event.preventDefault() 来阻止浏览器默认的行为。然而，一些事件（如 touchmove）的默认行为是无法取消的，除非事件还没有开始或者事件已经被取消。如果滚动正在进行，浏览器会忽略对这个事件的取消。这个问题来自 uni-h5.es.js 的一个报错信息。看起来是在尝试阻止一个 touchmove 事件的默认行为，但该事件是不可取消的。这个错误通常在阻止一个已经处于活动状态的（比如滚动）touchmove事件时发生。
Web前端笔记-解决[Intervention] Unable to preventDefault inside passive event listener due to target being
IT1995的博客
06-09 1425
我这里是使用NiceScroll造成的。报错如下：解决这个问题的方法有2种：Ⅰ：修改源码找到jquerynicesroll.js报错的地方：直接让其return falseⅡ：修改自己的代码逻辑：构造这样的结构： 注意：body里面要套d-flex和flex-column在div中要套一个container-fluid，这里都是使用的bootstrap然后对应的js从： 改成： 即可。对应的css要改成：...
三种方法解决[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. 网上找了两个解决方法
vue做mui项目中报错：[Intervention] Unable to preventDefault inside passive event listener due to target bei
zhilige的博客
04-26 1923
首先说明一下：因为新版谷歌浏览器的问题，所以报错。 历史：当浏览器首先对默认的事件进行响应的时候，要检查一下是否进行了默认事件的取消。这样就在响应滑动操作之前有那么一丝丝的耽误时间。 现在：google就决定默认取消了对这个事件的检查，默认时间就取消了。直接执行滑动操作。这样就更加的顺滑了。 解决方法全局样式中加一个 解决方法 添加下面的样式即可 * { touch-action: none; }...
解决移动端滑动或点击时报错：[Intervention] Unable to preventDefault inside passive event listener due to target be
zic_liu的博客
05-14 770
参考文章 在移动端的项目中，偶尔会遇到点击或者滑动时莫名报错，比如，在双击轮播图时，会有如下情况—— 报错： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 有道翻译： [干预]无法阻止被动事件侦听器内的默认值，因为目标被视为被动的。 解决：在style全局样式添加 * {touch-action: pan-y;} * {
错误：Unable to preventDefault inside passive event listener due to target being treated as passive.
热门推荐
Java程序源
01-09 2万+
问题描述： 用MUI例子中的选项卡，底部的导航只能实现div切换，链接无法跳转。 查看控制台，输出：Unable to preventDefault inside passive event listener due to target 的警告。 技术分享 问题解决： 经检查相关资料，加入以下代码，即可解决问题。 mui(‘body‘).on(‘tap‘,‘a‘
移动端手机浏览器报错 script error
宏斌的博客
07-01 1965
fuck 遇到 script error 啥原因也不说 只能一个个方法找 md 问题 对js写法有要求 我怀疑他规不规范 报错代码： function generateImage(bold) { const image = new Image(); const imgSrc = window.URL.createObjectURL(bold); image.src = imgSrc; return image; } generateImage(data).onload =
vue项目报错eslint
07-29
对于 Vue 项目报错 eslint，可能有几种可能的原因和解决方法。以下是一些常见的步骤可以尝试： 1. 检查项目中的 eslint 配置文件：确保您的项目根目录下有一个名为 `.eslintrc` 或 `.eslintrc.js` 的文件。检查其中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值