element ui轮播图圆点点击事件

看element ui跑马灯文档发现只有chang事件，没有鼠标点击小圆点事件

---

代码改造下，加入个变量来区分是点击触发的还是自动轮播触发的

查看demo

html

<el-carousel :interval="3000" arrow="always" trigger='click' @change='swiperchange' @mouseenter.native="isclick = true" @mouseleave.native="isclick = false">
      <el-carousel-item v-for="item in 4" :key="item">
        <h3>{{ item }}</h3>
      </el-carousel-item>
    </el-carousel>

js

  data() {
    return {
      isclick: false,
    };
  },
  methods: {
    swiperchange(n,o) {
      if(this.isclick){
       console.log('我是点击触发的'+n)
      }
    }
  }

本文转自网络，版权归原作者所有，原文链接：https://segmentfault.com/a/1190000039869489
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！