在swiper中显示echarts图表，echarts的点击事件无效，图例点击也没有反应

原创已于 2025-01-20 17:28:43 修改 · 297 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

于 2025-01-20 17:28:09 首次发布

给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()
  }
},

就可以完美的解决了