ElementUI走馬燈組件點擊沒反應？

最近項目有好多輪播圖，決定用swiper這個插件，看了看Element裏面的走馬燈，有一個樣式比較符合需求，於是決定用一下：

<el-carousel type="card" height="290px">
   <el-carousel-item :key="index" v-for="(item, index) in caseArr" @click="goSolution(item, index)">
        <p class="title">{{item.sum}}</p>
    </el-carousel-item>
</el-carousel>

這裏面有一個需求，就是點擊走馬燈每項的時候，跳轉的對應的頁面，於是如上代碼所示，在el-carousel-item上面加上了@click事件，但是點來點去沒反應，官方也沒有這個事件，查了查，要給這個點擊事件上加上.native修飾符，寫成@click.native="goSolution(item, index)"，然後就好了

這個修飾符的意思是：給組件綁定原生事件

舉例：如果使用router-link標籤，加上@click事件，綁定的事件會無效因爲：router-link的作用是單純的路由跳轉，會阻止click事件，你可以試試只用click不用native,事件是不會觸發的。此時加上.native，纔會觸發事件。