vue绑定点击事件@click,vue click事件

　　本文主要介绍vue中的@click.native原生点击事件，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 @点击。本机click事件将事件绑定到vue组件，相当于补充了。自带组件中的native step官网。

@click.native原生点击事件

给vue组件绑定事件时候

　　必须添加Native，否则不会生效(监听根元素的native事件并使用。原生修饰符)

等同于在自组件中

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

vue点击事件补充.native

　　发现在vue中加载元素后，键盘事件没有影响。搜索后发现有bug需要修复。

步骤

　　发现在Element-input中添加@keyup.enter没有效果。

　　El-input style= width:500像素；Placeholder=请输入查询城市 v-model= location clear @ keyup . enter= go search /El-input

　　添加修饰符。原生之后。

　　El-input style= width:500像素；Placeholder=请输入查询城市 v-model= location clear @ keyup . enter . native= go search /El-input

官网的解释

　　您可能希望在组件的根元素上侦听本机事件。您可以使用修饰符。出生在v星。

　　通俗点讲：

　　也就是说，如果一个本机事件被绑定到父组件中的一个子组件，则该子组件将成为一个普通的HTML标记，如果没有。“本地”事件。

　　可以理解为，这个修饰符的作用是把一个vue组件转化成一个普通的HTML标签，这个修饰符对普通的HTML标签没有影响。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。