美文网首页
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