vue 事件上加阻止冒泡 阻止默认事件
2024-10-01 12:41:59
重点 vue事件修饰符
<!-- 阻止单击事件冒泡 -->
<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>
<!-- 只当在 event.target 是当前元素自身时触发处理函数 -->
<!-- 即事件不是从内部元素触发的 -->
<div v-on:click.self="doThat">...</div>
最新文章
- 关于无法使用xx-pc附加到应用程序iisexpress.exe
- VS2015 Apache Cordova第一个Android和IOS应用
- [转]Sublime Text3注册码(可用)
- Hadoop Standalone and Pseudo Mode
- php100视频原始地址列表整理:
- 闲扯 Javascript 01 实现选项卡
- 带你走进SAP项目实施过程——前言(0)
- input事件中文触发多次问题研究
- 如何恢复(初始化)android studio所有设置
- 基于CentOS7系统部署cobbler批量安装系统(week3_day5_part1)-技术流ken
- 一个小白用 PhotoView 引起的学习记录
- noip第17课资料
- 基于SVG+AJAX的网页数据监控
- 9/24matplotlib简介
- python 文件操作,os.path.walk()的回调函数打印文件名
- python基础学习1-正则表达式
- mysql慢sql报警系统
- BZOJ1927: [Sdoi2010]星际竞速(最小费用最大流 最小路径覆盖)
- 404 Note Found -(课堂实战)- 项目UML设计(团队)
- idea的插件zookeeper