vue 鼠标事件控制台警告

最新推荐文章于 2024-05-08 09:33:09 发布
最新推荐文章于 2024-05-08 09:33:09 发布
阅读量968 收藏 1
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45428807/article/details/110160733
版权

控制台警告

Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive
解决方法：
在事件上加事件修饰符passive
若无事件，则安装插件 default-passive-events

> npm install default-passive-events --save

并在main.js中引入

import 'default-passive-events'
我是小妖yun
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.
weixin_48648855的博客
06-10 8623
一直报这个警告 – event.js:106 [Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 试了网上的方法，安装依
vue 解除鼠标的监听事件的方法
10-16
总结起来，Vue.js中的自定义指令机制为我们提供了极大的灵活性，可以方便地实现诸如鼠标监听事件解除等功能。在这个案例中，通过自定义`v-click-outside`指令，我们能够在切换页面时有效地管理鼠标点击事件，提高...
vue 鼠标事件控制台警告Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider mark...
weixin_30900589的博客
07-19 3708
如果出现这个问题，首先在鼠标滚动时间上加事件修饰符passive @mouseleave.passive="leave" 　　，如果还没有解决，可以安装插件 npm i default-passive-events -S 　　main.js里引入 import 'default-passive-events' 至此，完美解决。亲测有效 转载于:htt...
谷歌浏览器关于滚动事件警告去除
weixin_49295874的博客
02-16 1878
将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件。考虑将事件处理程序标记为“被动”以使页更具响应性。2、main.js中加入：import ‘default-passive-events’
优化滚动性能：default-passive-events 开源库解析与应用
最新发布
gitblog_00002的博客
05-08 825
优化滚动性能：default-passive-events 开源库解析与应用 default-passive-eventsMakes {passive: true} by default when EventListenerOptions are supported项目地址:https://gitcode.com/gh_mirrors/de/default-passive-events 1、项目...
[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.
vip.khan的博客
02-24 1712
在基于 Element-ui 写项目的时候，Chrome 提醒： [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Conside 翻译过来如下： 违反：没有添加被动事件监听器来阻止'touchstart'事件，请考虑添加事件管理者'passive'，以使页面更加流畅。 原因是 Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Liste
vue鼠标悬停事件实例详解
10-17
主要介绍了vue鼠标悬停事件，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
vue实现鼠标移入移出事件代码实例
10-17
1. **Vue事件绑定**： 在Vue中，我们可以使用`v-on`指令来绑定DOM事件监听器。在例子中，`@mouseenter`和`@mouseleave`是Vue简写的事件绑定，分别对应JavaScript中的`addEventListener('mouseenter')`和`...
谷歌浏览器事件坑：Unable to preventDefault inside passive event listener invocation.
古月水告的博客
03-24 699
从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。插件是解决浏览器告警的，我不想浏览器有告警信息，但加上又使浏览器报错，怎么处呢？，它默认情况下启用某些事件的被动事件侦听器，基本上每次声明新的事件监听器时，都会自动设置。插件导致的，注释了在main.js引入的就没有报错了。1、注册处理函数时，用如下方式，明确声明为不是被动的。，图一时畅快，现在出现问题了。
Added non-passive event listener to a scroll-blocking ‘touchmove’ event
AmoLinoo的博客
07-21 744
代码】Addednon-passiveeventlistenertoascroll-blocking‘touchmove’event。
Vue 鼠标滚动事件
m0_63172990的博客
02-06 2748
window.addEventListener('wheel',this.closeSelect) }, deactivated() { // 页面关闭（路由跳转）时清除定时器 clearInterval(this.queueTableDataTimer);// 页面跳转清除 滚动事件 window.removeEventListener('wheel', this.closeSelect) },
[Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event. Consider marking eve
黎小小的博客
11-23 1209
浏览器页面警告：[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See Chrome51 版本更新以后，增加了新的事件捕获机制－Passive Event Listeners。下载default-passive-events。
vue中警告[Violation] Added non-passive event listener to a scroll-blocking
weixin_43267006的博客
05-15 7241
vue中警告[Violation] Added non-passive event listener to a scroll-blocking event. Consider ma… 在基于 Element-ui 写项目的时候，Chrome 提醒： [Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’
浏览器告警提示:Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider markin...
古月水告的博客
01-24 5441
超烦有没有，触发一次事件它就提示一次，洁癖的我今天就告诉你们怎么处理掉这个问题。
在vue项目中解决Chrome控制台non-passive event listener输出问题
热门推荐
龙泉诗
06-19 2万+
前言 记录软件开发点滴，积累知识和经验（第四篇） 复现问题 要做什么？ 目标：解决在使用element-ui时出现警告[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make th...
让页面滑动流畅得飞起的新特性：Passive Event Listeners
tengxy_cloud的专栏
10-19 1万+
在不久前的Google I/O 2016 Mobile Web Talk中，Google公布了一个让页面滑动更流畅的新特性Passive Event Listeners。该特性目前已经集成到Chrome51版本中。 Chrome51上使用Passive Event Listener特性前后的效果对比 链接地址 从效果对比视频中可以明显看到，使用Passive Event Listeners
Added non-passive event listener to a scroll-blocking 'mousewheel' event.告警
你好，欢迎光临！
02-19 7862
问题：Chrome 提醒：[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. 原因： 详解：https://www.cnbl...
vue3关控制台警告
09-07
在Vue3中，控制台警告是由开发者工具和Vue的警告系统所产生的。要解决控制台警告，你可以采取以下措施： 1. 解决第一个警告信息：这个警告信息是提示你下载Vue开发者调试工具。你可以在谷歌商店下载该工具，并将其...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值