element 走马灯鼠标移入自动播放问题

最新推荐文章于 2024-08-21 17:39:11 发布

qq_43427657

最新推荐文章于 2024-08-21 17:39:11 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： element 文章标签： vue.js

原文链接：https://blog.csdn.net/RequesToGod/article/details/112846249

element 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在Vue中修改轮播图组件鼠标悬停事件的方法，通过自定义方法替代默认行为，使得鼠标悬停时轮播图不会停止播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  // 源码有两个事件
  @mouseenter.stop="handleMouseEnter"
  @mouseleave.stop="handleMouseLeave"

 修改原有的事件
 新写个方法 add

<el-carousel ref="carousel" :interval="4000" arrow="never" autoplay indicator-position="none">
      <el-carousel-item v-for="item in list" :key="item" @mouseenter.native="play">
        <img :src="item">
      </el-carousel-item>
</el-carousel>

methods: {
    add() {
      console.log('修改成功')
    },
    play() {
      this.$refs.carousel.handleMouseEnter = this.add
    }
  }

这样子 鼠标移入就不会停止轮播了