在swiper中显示echarts图表,echarts的点击事件无效,图例点击也没有反应
给swiper添加 touchStartPreventDefault 属性
//添加swiper轮播 initSwiper() { const mySwiper = new Swiper('.swiper-container', { slidesPerView: 1, //设置slide能够同时显示的slides的数量 spaceBetween: 12, //在slide直接设置距离 touchStartPreventDefault:false, //添加这个属性 默认不阻止事件 autoplay: { delay: 6000, //自动切换的时间间隔, disableOnInteraction: false //用户操作swiper之后,是否禁止autoplay 默认为true } }) mySwiper.el.onmouseover = function() { mySwiper.autoplay.stop() } mySwiper.el.onmouseout = function() { mySwiper.autoplay.start() } },
就可以完美的解决了