Ant-React-Carousel报错:Unable to p

2020-10-12  本文已影响0人  前端张易安
Snipaste_2020-10-12_21-27-48.jpg

Ant-React-Carousel-走马灯
使用官方轮播图组件的时候报错:


Snipaste_2020-10-12_21-19-47.jpg

解决办法1:

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

elem.addEventListener(
  'touchstart',
  fn,
  { passive: false }
)

解决办法2:(推荐)

在全局创建个css文件,然后引用到组件中
比如,在组件文件夹里创建的css,然后在组件中引用
import './css/swiper.css'

 * { touch-action: pan-y; } 
 // 使用全局样式样式去掉

.

上一篇 下一篇

猜你喜欢

热点阅读