子组件aMyTest.vue
父组件中引入子组件
<a-my-test @myClick="childClick" ></a-my-test>
子组件内部触发了myClick事件,那么父组件上的childClick事件将会触发,这是没问题的,我们一般可以通过这种方式将子组件的值 传递给父组件,childClick内部就可以接收到传递的数据1。
有时候我们想要给 子组件整体添加一个事件,而不是子组件内部的某个dom元素上添加事件,<a-my-test @click="childClick" ></a-my-test>,这样添加点击事件是不会触发的,
因为在自定义组件上注册的事件触发的是组件自定义的事件,根本不是原生的dom事件,既然不是,当然不会触发喽
将上面的模板改成
<a-my-test @click.native="childClick" ></a-my-test>,
点击事件就可以触发了,.native修饰符就是用来注册元素的原生事件而不是组件自定义事件的
参考:https://segmentfault.com/q/1010000011186651/a-1020000011187890