Vue 自定义组件添加点击(@click)事件

在Vue开发中自定义组件之后,需要往组件身上添加click之类的一些操作事件,但是加上之后会无效。
原因是因为没有加上native,官网对于native的解释为:

  1. .native - 监听组件根元素的原生事件。

因此正确的写法是:

  1. // 无效写法
  2. <custom @click="touchCustom"></custom>
  3. // 正确写法
  4. <custom @click.native="touchCustom"></custom>