2021-04-08

Vue @click.native 的使用

1.首先， @click.native 是给组件绑定原生事件，只能用在组件上，不可以用在原生元素上。

 异常信息： [Vue warn]: The .native modifier for v-on is only valid on components but it was used on <button>.

2. 在组件上绑定@click="clickCpn"事件，click事件无法触发也不生效，需要通过使用@click.native=“clickCpn”，

才能够执行clickCpn方法, @click.native 监听组件根元素的原生事件 。

3. 除了 @click.native ，还可以在子组件中添加this.$emit (“click” ，value )方法 将子组件的值传到父组件。

但是这种方法相对麻烦，比如组件中有多个事件，需要重复添加$emit()方法。
转载于https://my.oschina.net/u/2326864/blog/3225347