当前位置: 首页 > article >正文

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

就可以完美的解决了


http://www.kler.cn/a/511885.html

相关文章:

  • Rust 数据类型详解
  • 什么宠物最好养?
  • 高等数学:映射与函数
  • 如何使用C#与SQL Server数据库进行交互
  • 数据结构题目 课时6
  • Kotlin语言的正则表达式
  • Maven 快速上手
  • [2025分类时序异常检测指标R-AUC与VUS]
  • Spring Boot依赖管理:Maven与Gradle实战对比
  • NPM 下载依赖超时:npm ERR! RequestError: connect ETIMEDOUT
  • Tensor 基本操作1 | PyTorch 深度学习实战
  • 【Rust自学】13.9. 使用闭包和迭代器改进IO项目
  • 无监督<视觉-语言>模型中的跨模态对齐
  • vue按照官网设置自动导入后ElMessageBox不生效问题
  • 从零开始:Spring Boot核心概念与架构解析
  • springboot迅捷外卖配送系统
  • STM32CubeIDE使用笔记(一)
  • 【Spring】原型 Bean 被固定
  • 【25】Word:林涵-科普文章❗
  • yum和vim的使用
  • 【Elasticsearch入门到落地】6、索引库的操作
  • Matlab自学笔记四十五:日期时间型和字符、字符串以及double型的相互转换方法
  • React 中hooks之 React useCallback使用方法总结
  • Java 基于微信小程序的原创音乐小程序设计与实现(附源码,部署,文档)
  • Centos7搭建PHP项目,环境(Apache+PHP7.4+Mysql5.7)
  • ubuntu系统文件查找、关键字搜索