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 相关文章推荐
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
JavaScript缓冲运动实现方法(2则示例)
Jan 08 Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
jQuery实现动态文字搜索功能
Jan 05 Javascript
漂亮实用的页面loading(加载)封装代码
Feb 03 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
js实现多图和单图上传显示
Dec 18 Javascript
详解JavaScript中Arguments对象用途
Aug 30 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使用eAccelerator的API开发详解
2013/06/09 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
js函数模拟显示桌面.scf程序示例
2014/04/20 Javascript
JavaScript实现MIPS乘法模拟的方法
2015/04/17 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
springmvc接收jquery提交的数组数据代码分享
2017/10/28 jQuery
移动web开发之touch事件实例详解
2018/01/17 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
python重试装饰器示例
2014/02/11 Python
python中hashlib模块用法示例
2017/10/30 Python
python实现决策树分类算法
2017/12/21 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
毕业生动漫设计求职信
2013/10/11 职场文书
教育局长自荐信范文
2013/12/22 职场文书
制药工程专业个人求职自荐信
2014/01/25 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
2014年青年教师工作总结
2014/12/17 职场文书
整改通知书格式
2015/04/22 职场文书
好员工观后感
2015/06/17 职场文书
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏