vue click prevent,vue @click
本文主要介绍了@click.native.prevent在vue中的描述,有很好的参考价值。希望对你有帮助。如有错误或不足之处,请不吝赐教。
目录
此事件的@click.native.prevent vue绑定在关于@ click . native.prevent的描述元素中,点击事件加native . prevent有什么用?代码如下所示
关于@click.native.prevent的说明
元素中绑定了这个事件
El-button:loading= loading type= primary style= width:100%;下边距:30px@ click . native . prevent= handle log in log in/El-button
1.它用于封装的组件,所以您必须添加。原生点击。
2.防止用于防止默认事件。它相当于…event.preventDefault()。如果父组件想要监听它自己在子组件上的点击,它需要添加本机修饰符。
vue的@click.native.prevent,点击事件加上native.prevent有什么用呢
在项目发布总结的时候,突然看到@click.native.prevent,很好奇它的用法。一开始我以为是element-ui自带的,后来看了才知道不是。我在网上搜集资料,打算记录下来。
代码如下
El-drop down-菜单slot=dropdown
El-drop down-item @ click . native . prevent= handlagencyrelation(row)代理关系处理/el-dropdown-item
/El-下拉菜单
elment-ui
我们项目的业务场景的click事件不需要使用按钮,所以我们需要使用原生的vue click事件。而添加native.prevent的精髓就在这里。
当您将组件绑定到vue时,您需要添加一个原生组件。如果您不添加它,它将被认为是监视项目中的自定义事件。(显然这里不需要)添加prevent是用来阻止默认事件的,相当于Jquery中的event.preventDefault()方法来阻止元素的默认行为。以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。