vue中的@click.native 原生点击事件

目录

• @click.native原生点击事件
• 给vue组件绑定事件时候
• 等同于在自组件中
• vue点击事件补充.native
• 步骤
• 官网的解释

@click.native原生点击事件

给vue组件绑定事件时候

必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）

等同于在自组件中

子组件内部处理click事件然后向外发送click事件：$emit("click".fn)

vue点击事件补充.native

发现vue中加载Element 之后 键盘事件无效果搜索之后发现有BUG特来修复

步骤

发现Element-input 中加入@keyup.enter中无效果

之后在加入.native 的修饰符

官网的解释

​你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。

​通俗点讲：

就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加’. native’事件是无法触 发的。

可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，并且该修饰符对普通HTML标签是没有任何作用的。 

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。