美文网首页
Ant-React-Carousel报错:Unable to p

Ant-React-Carousel报错:Unable to p

作者: 前端张易安 | 来源:发表于2020-10-12 21:31 被阅读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; } 
 // 使用全局样式样式去掉

.

相关文章

网友评论

      本文标题:Ant-React-Carousel报错:Unable to p

      本文链接:https://www.haomeiwen.com/subject/sagppktx.html