首页 / 知识
Vue3 事件修饰符
2023-04-11 16:22:00
事件修饰符
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。
Vue.js 通过由点 . 表示的指令后缀来调用修饰符。
.stop - 阻止冒泡
.prevent - 阻止默认事件
.capture - 阻止捕获
.self - 只监听触发该元素的事件
.once - 只触发一次
.left - 左键事件
.right - 右键事件
.middle - 中间滚轮事件
<!-- 阻止单击事件冒泡 -->
<a v-on:click.stop="doThis"></a>
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat"></a>
<!-- 只有修饰符 -->
<form v-on:submit.prevent></form>
<!-- 添加事件侦听器时使用事件捕获模式 -->
<div v-on:click.capture="doThis">...</div>
<!-- 只当事件在该元素本身（而不是子元素）触发时触发回调 -->
<div v-on:click.self="doThat">...</div>
<!-- click 事件只能点击一次，2.1.4版本新增 -->
<a v-on:click.once="doThis"></a>
|
最新内容
相关内容
python为何会如此流行
python为何会如此流行，代码，时间，数字，发展，技术，分析，人工智能，世纪，培训，庞大，这其中有几个原因：1.它是古老的Python早在20世纪90年代就出现
为何你的Python代码应是扁平与稀疏
为何你的Python代码应是扁平与稀疏的，代码，培训，信息，观察，设计，工具，嵌套，闻闻，程序员，沉思，Python之禅之所以得名，正是由于它那简明扼要的规
使用Cython为Python编写更快的C扩
使用Cython为Python编写更快的C扩展，代码，时间，意外，工作，指数，培训，系统，整数，噪声，算法，使用Python很有趣，但有时，用它编写的程序可能很慢。
Python 事件对象
Python 事件对象，通信，培训，线程，事件，对象，内部，标志，信号，机制，以上，一个线程发出事件信号，其他线程等待该信号，这是最简单的线程之间通信机
python中日期与字符串如何相互转换
python中日期与字符串如何相互转换?，时间，代码，培训，字符串，日期，格式，内容，数组，字符，本文，在python的使用过程中我们会发现，如果编程的格式
python中实现字符与ascll码相互转
python中实现字符与ascll码相互转换方法，代码，培训，字符，函数，方法，实例，字符串，本文，以上，更多，在编程中，我们常常会给代码加密。如果是进行
python如何replace(替换)多个字符?
python如何replace(替换)多个字符?，培训，字符，字符串，方法，正则，括号，数组，函数，定义，以上，python中使用replace替换多个字符的方法：1、使用re
python3标识符是什么?
python3标识符是什么?，数字，培训，名字，标识符，开头，代表，函数，大小写，变量，结尾，python中的标识符是用于识别变量、函数、类、模块以及其他对
python如何翻转字符串?
python如何翻转字符串?，培训，字符串，函数，方法，切片，放入，模块，以上，版本，更多，python中翻转字符串的方法：1、通过字符串切片来翻转>>>s=12345
python怎么去掉换行符“ ”?
python怎么去掉换行符“”?，培训，字符串，序列，字符，函数，开头，原型，声明，以上，结束，python读取文件时去掉换行符“\n”的方法如下：importosfi
python怎样获取json数据类型?
python怎样获取json数据类型?，培训，数据类型，类型，正则，火狐，以上，方法，更多，内容，列表，python中获取json不同数据类型的方法：1、获取"key"：vpython转义符怎么打?
python转义符怎么打?，培训，字符，表示，字符串，制表符，表达式，示例，中将，符号，里面，python中将各种类型表达式中的\符号，都看作转义符，转义字符