关于javascript:element-ui轮播图圆点点击事件

47次阅读

共计 423 个字符,预计需要花费 2 分钟才能阅读完成。

看 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)
      }
    }
  }

正文完
 0