Element UI走马灯Carousel取消鼠标悬停不自动切换

最新推荐文章于 2024-01-04 18:43:47 发布

予倾

最新推荐文章于 2024-01-04 18:43:47 发布

阅读量4.4k

点赞数 4

分类专栏： vue 文章标签： ui javascript 开发语言

原文链接：https://www.cnblogs.com/nullcodeworld/p/15497353.html

版权

56 篇文章 4 订阅

订阅专栏

el-carouse组件是自带鼠标事件，要修改则需要清除原有事件，即鼠标的移入事件@mouseenter.native="delHandleMouseEnter"。

<el-carousel ref="carousel" trigger="click" arrow="always" height="1060px"  
 	@change="changehandle" @mouseenter.native="delHandleMouseEnter">

方法：

      delHandleMouseEnter() {
          this.$refs.carousel.handleMouseEnter = () => { };
      },

但是，这样在第一次鼠标进入是还是无法触发handleMouseEnter事件，这只需要在mounted()方法中添加上this.$refs.carousel.handleMouseEnter = () => { };就可以了。

通过以上的处理，就可以取消鼠标悬停不自动切换的问题，但是也就不能让切换停止了。
作者：一纸年华，转载：https://www.cnblogs.com/nullcodeworld/p/15497353.html

关注