问题
使用 swiper 轮播 echarts 图表,地图点击失效,伪代码如下
<Swiper><SwiperSlide>...</SwiperSlide>// 轮播中有地图<SwiperSlide><EchartsMap/></SwiperSlide><SwiperSlide>...</SwiperSlide>
</Swiper>
地图中各省都是可以点击的,但是被Swiper包裹了之后点击失效
解决办法
有个API配置:touchStartPreventDefault
默认true,阻止touchstart (mousedown)的默认事件,设置为false不阻止即能点击
<Swiper touchStartPreventDefault={false} ><SwiperSlide>...</SwiperSlide>// 轮播中有地图<SwiperSlide><EchartsMap/></SwiperSlide><SwiperSlide>...</SwiperSlide>
</Swiper>
参考资料
https://blog.csdn.net/qq_43458637/article/details/122285484