vue click prevent,vue中@click是什么意思

　　本文主要介绍了vue中@click和@click.native.prevent的区别，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 @click和@click.native .防止含义和用法之间的差异。@ click.native中的原生。

@click和@click.native.prevent区别

　　@click是用在按钮上的语法糖

　　而@click.native是在绑定事件到vue组件的时候，必须加上native，否则会被认为是监听到来自Item组件定制的事件。

　　防止用于防止默认事件。它相当于…event.preventDefault()。如果父组件想要监听它自己在子组件上的点击，它需要添加本机修饰符。

　　这里说说默认事件

　　默认事件就是默认事件，比如A选项卡。点击A选项卡，页面会自动跳转。

@click.native中.native的含义与使用

　　@click.native in vue

　　.native--侦听组件根元素上的原生事件

　　作用：给组件绑定原生事件

　　@click是我们在vue开发中经常用到的事件绑定，而@其实是v-on的缩写，是封装了vue的事件系统后的API接口。

　　也就是说，在处理DOM原生事件时，需要添加额外的标识符。

　　比如使用了router-link标签，添加了@click事件，那么绑定的事件就无效了，因为router-link的功能就是单纯的路由跳转，会阻止click事件。如果。未添加native，则不会触发该事件，因此。需要添加本机来触发事件。

　　当您将事件绑定到vue组件时，您需要添加native。如果是普通的html元素，就不需要了。

　　模板

　　div id=应用程序

　　Button @click.native=goToNext 单击跳转/Button

　　/div

　　/模板

　　脚本

　　从导入按钮./组件/按钮

　　导出默认值{

　　组件：{

　　纽扣

　　},

　　data(){

　　返回{

　　}

　　}

　　方法：{

　　goToNext(){

　　警报(“hello - world”)

　　}

　　}

　　}

　　/脚本

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

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