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 相关文章推荐
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
js模拟类继承小例子
Jul 17 Javascript
JavaScript DOM 学习总结(五)
Nov 24 Javascript
原生js实现移动端瀑布流式代码示例
Dec 18 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
BootStrap 页签切换失效的解决方法
Aug 17 Javascript
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
node实现简单的增删改查接口实例代码
Aug 22 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
真正的ZIP文件操作类(php)
2007/07/21 PHP
PHP 图片上传实现代码 带详细注释
2010/04/29 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
jquery下json数组的操作实现代码
2010/08/09 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
2018/08/08 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
python中关于日期时间处理的问答集锦
2013/03/08 Python
在Django的视图中使用数据库查询的方法
2015/07/16 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
Python多进程原理与用法分析
2018/08/21 Python
Python中的asyncio代码详解
2019/06/10 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
Python实现EM算法实例代码
2020/10/04 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
群众路线个人整改方案
2014/10/25 职场文书
综合办公室岗位职责
2015/04/11 职场文书
董事会决议范本
2015/07/01 职场文书
升学宴家长答谢词
2015/09/29 职场文书