浏览器性能警告: 'touchstart' 事件非被动监听器 - 如何解决

"runtime-dom.esm-bundler.js:279 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952" 这个错误是浏览器给出的性能警告，意味着在一个阻塞滚动的'touchstart'事件中添加了一个非被动的事件监听器。为了提高页面的响应性，建议将事件处理程序标记为'passive'。\n\n要解决这个问题，你可以按照以下步骤操作：\n\n1. 找到代码中添加了非被动事件监听器的地方，通常是通过addEventListener来添加事件监听器的地方。\n2. 将事件处理程序标记为被动的，通过将第三个参数设置为{ passive: true }。例如：\nelement.addEventListener('touchstart', eventHandler, { passive: true });\n3. 重新运行代码，这样浏览器就会使用被动事件监听器，提高页面的响应性。\n\n请注意，这个错误只是一个性能警告，不一定会导致代码出错。但是，为了提高页面的性能和用户体验，我们建议遵循浏览器的建议并将事件处理程序标记为被动的。