【Vue-Element】el-card 的click点击事件失效解决

在Vue.js中使用Element UI库时，如果你发现el-card组件的点击事件（click）无效，可能是由于事件冒泡被阻止了。在某些情况下，内部元素可能会阻止点击事件向上冒泡到el-card。

解决方法：

1. 使用.native修饰符：在Vue中，如果你想要监听原生事件，比如在组件上监听click事件，你需要使用.native修饰符。对于Element UI的el-card组件，你可以这样绑定click事件：

<el-card @click.native="handleClick">...</el-card>

2. 使用事件捕获：在Vue中，你可以通过监听事件捕获阶段来解决事件不冒泡的问题。将@click改为@click.capture：

<el-card @click.capture="handleClick">...</el-card>

3. 检查内部元素：如果el-card内部有其他元素阻止了事件冒泡，你可以设置内部元素的pointer-events属性为none，这样点击事件就能穿透到el-card上。
4. 使用v-on指令：在某些情况下，直接在模板中使用@click可能不会生效，这时可以使用v-on指令显式绑定事件：

<el-card v-on:click="handleClick">...</el-card>

确保你的事件处理函数handleClick已经在Vue实例的methods对象中定义好了。如果以上方法都不奏效，检查是否有其他CSS或JavaScript代码干扰了事件的触发。