个人错误收集

在react使用antd组件库中的轮播组件时,碰到一下问题,在移动端下滑动轮播图时出现错误。
错误提示如下:

Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>

解决方案
最简单的解决方法1(推荐)
使用全局样式样式去掉

* { touch-action: pan-y; }

解决办法2:
在touch的事件监听方法上绑定第三个参数{ passive: false },
通过传递 passive 为 false 来明确告诉浏览器:事件处理程序调用 preventDefault 来阻止默认滑动行为。

elem.addEventListener(
  'touch',
  fun,
  { passive: false }
);

可以不去解决,到了手机上就不会出现这样的问题了,强迫症除外(嘿嘿)

你可能感兴趣的:(个人错误收集)