我收到一个警告,让我的页面加载懒惰。 “为滚动阻塞'鼠标滚'事件添加了非被动事件监听器。”

问题描述 投票:0回答:1

我收到警告,例如“向滚动阻塞'鼠标滚动'事件添加了非被动事件监听器。”并建议我“考虑将事件处理程序标记为'被动',以使页面更具响应性。”像我这样的新手很难理解。我正在使用Axios,mixins,在element-ui中自动完成。页面工作正常,但加载时间很懒。

vue.js autocomplete axios element-ui
1个回答
0
投票

它只是意味着您正在处理鼠标滚轮事件。如果处理程序正在执行某些操作而不是正常事件,则可以忽略该消息。如果除了正常事件之外还要执行某些操作,则应将passive选项添加到侦听器,以便可以在不阻塞的情况下进行默认处理。

https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners

一般情况下,将passive标志添加到不调用wheel的每个mousewheeltouchstarttouchmovepreventDefault()事件监听器。

如果它是一个正在进行事件处理而不是你自己的代码的包,那就忽略它。

© www.soinside.com 2019 - 2024. All rights reserved.