vue中阻止click事件冒泡,防止触发另一个事件的方法


Posted in Javascript onFebruary 08, 2018

使用vue阻止子级元素的click事件冒泡,很简单,用stop

<div @click="test1()"> 
   <span @click.stop="test2()">按钮1</span> 
   <span>按钮2</span> 
</div>

这样点击div里面的按钮1,就不会触发div绑定时间test1()方法。

以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
javascript里使用php代码实例
Dec 13 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
JavaScript的==运算详解
Jul 20 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
使用Ajax生成的Excel文件并下载的实例
Nov 21 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
详解Vue 动态添加模板的几种方法
Apr 25 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
js中Array对象的常用遍历方法详解
Jan 17 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
vue.js实现二级菜单效果
Oct 19 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 #Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
Feb 08 #Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
Feb 08 #Javascript
Ionic学习日记实现验证码倒计时
Feb 08 #Javascript
vue父组件点击触发子组件事件的实例讲解
Feb 08 #Javascript
vue中实现在外部调用methods的方法(推荐)
Feb 08 #Javascript
10 种最常见的 Javascript 错误(频率最高)
Feb 08 #Javascript
You might like
PHP计算数组中值的和与乘积的方法(array_sum与array_product函数)
2016/04/01 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
php中__toString()方法用法示例
2016/12/07 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
javascript写的一个链表实现代码
2009/10/25 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
jQuery为某个div加入行样式
2017/06/09 jQuery
vue.js高德地图实现热点图代码实例
2019/04/18 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python批量导出导入MySQL用户的方法
2013/11/15 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
python实现一个简单的ping工具方法
2019/01/31 Python
学python安装的软件总结
2019/10/12 Python
提升python处理速度原理及方法实例
2019/12/25 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
如何快速一次性卸载所有python包(第三方库)呢
2020/10/20 Python
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
傲盾软件面试题
2015/08/17 面试题
小区门卫工作职责
2013/12/14 职场文书
大学生自我鉴定
2013/12/16 职场文书
师德师风自我评价范文
2014/09/11 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
优秀大学生自荐信
2015/03/26 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis