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

  // 源码有两个事件
  @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
    }
  }

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

你可能感兴趣的:(element,vue.js)