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 相关文章推荐
javascript 用记忆函数快速计算递归函数
Mar 15 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
Node.js常用工具之util模块
Mar 09 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
js构建二叉树进行数值数组的去重与优化详解
Mar 26 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
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的Yii框架中Model模型的学习教程
2016/03/29 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
js 设置选中行的样式的实现代码
2010/05/24 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
2017/06/15 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
Vue中引入svg图标的两种方式
2021/01/14 Vue.js
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
Python 不同对象比较大小示例探讨
2014/08/21 Python
Python程序退出方式小结
2017/12/09 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
计算机专业个人求职信范例
2013/09/23 职场文书
百年校庆节目主持词
2014/03/27 职场文书
建筑安全生产目标责任书
2014/07/23 职场文书
党的生日活动方案
2014/08/15 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
MySQL RC事务隔离的实现
2022/03/31 MySQL
python 闭包函数详细介绍
2022/04/19 Python
MySQL数据库表约束讲解
2022/06/21 MySQL