这篇“vue中的事件修饰符有哪些及如何使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue中的事件修饰符有哪些及如何使用”文章吧。vue2中有关 v-on 的介绍
vue3中有关 v-on 的介绍
初步看下来,vue2 和 Vue3 中修饰符差距并不大。.stop
修饰符的作用是阻止冒泡j免费云主机域名s 中事件默认是由内向外层冒泡传递的。正常情况下点击按钮会依次打印 1
,2
。当我们并不想触发外层的事件时,我们可以用 .stop
阻止冒泡。对应源码使用的是 $event.stopPropagation()
实现此功能.prevent
修饰符的作用是阻止默认事件html 某些元素自带一些默认的事件,例如常见的:from 表单的提交;a 标签的跳转;如果想禁用这些时间,就可以使用 .prevent
修饰符。对应源码使用的是 event.preventDefault()
实现此功能事件默认是由里往外冒泡,.capture
修饰符的作用是,由外部向内进行捕获此处会先打印 2
,再打印 1
。当需要对键盘按钮做处理的时候,比如 keydown
, keyup
。如果想针对特定的某些按钮进行监听,可以添加修饰符,例如:常见的按键码 官方文档对按键码的介绍.native
修饰符是加在自定义组件的事件上,保证事件能执行..once
修饰符的作用是,事件只执行一次.left .middle .right
这三个修饰符分别是鼠标的左中右按键触发的事件当我们在监听元素滚动事件的时候,会一直触发 onscroll 事件,在 pc 端是没啥问题的,但是在移动端,会让我们的网页变卡,因此我们使用这个修饰符的时候,相当于给对移动端的滚动做一些优化。以上就是关于“vue中的事件修饰符有哪些及如何使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注百云主机行业资讯频道。
相关推荐: Python如何利用GDAL模块实现读取栅格数据并对指定数据加以筛选掩膜
今天小编给大家分享一下Python如何利用GDAL模块实现读取栅格数据并对指定数据加以筛选掩膜的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。