elementui轮播图点击失效

当使用elementui中的走马灯轮播时，想要实现点击轮播项跳转页面功能时，发现点击失效，百度了一下找到了解决方法。

  <div class="swipertext">
    <div class="img"></div>
    <div class="textList">
      <el-carousel height="40px" direction="vertical" :autoplay="true" class="titleswiper" >
        <el-carousel-item v-for="item in this.noticeList" :key="item.id" @click="openTag(item)">
          <h3 class="medium">{{item.title}}</h3>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>

在el-carousel-item上加点击事件失效，要在点击事件上加一个.active修饰符就可以了

<el-carousel-item v-for="item in this.noticeList" :key="item.id" @click="openTag(item)">
  <h3 class="medium">{{item.title}}</h3>
</el-carousel-item>

这个修饰符的意思是:给组件绑定原生事件

举例：如果使用router-link标签，加上@click事件，绑定的事件会无效因为：router-link的作用是单纯的路由跳转，会阻止click事件，你可以试试只用click不用native,事件是不会触发的。此时加上.native，才会触发事件。