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; }
// 使用全局样式样式去掉
.
网友评论