1，<!-- 阻止单击事件继续传播 -->

<a v-on:click.stop="doThis"></a>

　　stop修饰符对应的是阻止冒泡的event.stopPropagation()

2，<!-- 提交事件不再重载页面 -->

<form v-on:submit.prevent="onSubmit"></form>

　　prevent修饰符对应的是阻止触发默认行为的event.preventDefault()

3，<!-- 点击事件将只会触发一次 -->

<a v-on:click.once="doThis"></a>

　  once修饰符 只会触发一次绑定的事件，.once 修饰符还能被用到自定义的组件事件上

4，<!-- 添加事件监听器时使用事件捕获模式 -->

<!-- 即元素自身触发的事件先在此处理，然后才交由内部元素进行处理 -->
<div v-on:click.capture="doThis">...</div>
举例说明：
<div @click="doParent" id="parent">
　　<div @click="doChildren" id="children"></div>
</div>

　不写.capture修饰符时，点击#children, 先触发doChildren事件，再触发doParent事件，顺序由内部向外部　

<div @click="doParent" id="parent">
　　<div @click="doChildren" id="children"></div>
</div>
写.capture修饰符时，点击#children, 先触发doParent事件，再触发doChildren事件，顺序由外部向内部

5，<!-- 只当在 event.target 是当前元素自身时触发处理函数 -->

   <!-- 即事件不是从内部元素触发的 -->

　<div v-on:click.self="doThat"></div>

self修饰符 同样可以起到阻止事件冒泡的作用

最新文章

1. Greenplum源码编译安装（单机及集群模式）完全攻略
2. hdu 2155 小黑的镇魂曲(dp) 2008信息工程学院集训队——选拔赛
3. JS调用ashx文件传递中文参数取不到值的解决方案
4. 不同优化选项对ARM下C语言编译的影响
5. jsp页面间的传值
6. Git学习笔记01--初始化设置
7. 使用 Require.js 引用第三方框架时遇到的一些情况
8. DOM2级事件对象、添加事件、阻止默认事件、阻止冒泡事件、获取事件对象目标的兼容处理
9. Git详解之三：Git分支
10. 『网络の转载』px与em的区别
11. Kubernetes---Pod控制器
12. 20190321xlVBA_汇总表按模板生成明细表
13. 【建模应用】PLS偏最小二乘回归原理与应用
14. 使用curl自动签到smzdm
15. 73条日常shell命令汇总，总有一条你需要！
16. sql查看本机IP地址
17. POJ 1704 Georgia and Bob（阶梯博弈）题解
18. [转]关闭WIN7“程序兼容性助理”
19. 算法逆向6——RSA识别
20. 每日英语：Do Bicycle Helmet Laws Really Make Riders Safer?

热门文章

1. PS调出韩式米黄色室内婚纱照片
2. 软工+C(1): 题目设计、点评和评分
3. mybatis 使用缓存策略
4. Django之ORM
5. 使用chrome开发者工具中的network面板测量网站网络性能
6. &lt;六&gt;企业级开源仓库nexus3实战应用–使用nexus3配置yum私有仓库
7. 【最强大的屏幕截图和标注工具】Snagit 2019.1 for Mac
8. 金融量化分析【day113】：聚宽自带策略
9. [JVM-4]Java内存模型(JMM)
10. 15、解决14中csv用excel打开乱码的问题 open(&#39;zhihu.csv&#39;,&#39;w&#39;,newline=&#39;&#39;,encoding=&#39;utf-8-sig&#39;)