今天在使用element-ui中Card組件的時候璃俗，發(fā)現(xiàn)不管我在el-row死讹、el-col、還是el-card添加點擊事件@click="handleClick"父晶，都無法觸發(fā)點擊事件哮缺，但是在div或者其他自己寫的標(biāo)簽添加點擊事件，發(fā)現(xiàn)就沒有這個問題甲喝，所以我準(zhǔn)備在el-card外層添加一個div來添加點擊事件尝苇。
但是自己還是不甘心，為什么要多些一段冗余的div呢埠胖？查閱一下發(fā)現(xiàn)@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>
