【踩坑日记】Vue组件@click事件点击没有反应

项目场景：

在自定义组件上绑定@click事件无法触发

---

问题描述：

在自定义组件上绑定@click事件无法触发

<template>
	<div>自定义组件<div>
</template>

<MyComponent @click="myMethods"></MyComponent>

---

原因分析：

凡是组件中绑定的事件，都应该是这个组件本身就存在的事件。
因此在自定义组件上绑定的click会被vue认为是组件内部的事件。
事实上组件内部并没有对click做处理，自然就不会有反应。

---

解决方案：

使用.native修饰符，让click事件触发为原生事件，而非组件内部定义的事件

<MyComponent @click.native="myMethods"></MyComponent>