今天在使用element-ui中Card組件的時候，發現不管我在el-row、el-col、還是el-card添加點擊事件@click="handleClick"，都無法觸發點擊事件，但是在div或者其他自己寫的標簽添加點擊事件，發現就沒有這個問題，所以我準備在el-card外層添加一個div來添加點擊事件。
但是自己還是不甘心，為什么要多些一段冗余的div呢？查閱一下發現@click.native="handleClick"就能成功解決這個問題。代碼如下：
<el-row class="row-ul">
<el-col
:span="4"
v-for="(item) in list"
:key="item.id"
class="row-li"
@click.native="handleClick" // @click="handleClick" 改為： @click.native="handleClick"
>
<el-card :body-style="{ padding: '5px' }" >
hello
</el-card>
</el-col>
</el-row>