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 new 需不需要继续使用
Jul 02 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
javascript 浏览器检测代码精简版
Mar 04 Javascript
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 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
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
PHP中使用cURL实现Get和Post请求的方法
2013/03/13 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
js控制input输入字符解析
2013/12/27 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
jQuery Ajax全解析
2017/02/13 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
从0到1搭建Element的后台框架的方法步骤
2019/04/10 Javascript
JavaScript中Object、map、weakmap的区别分析
2020/12/15 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
python getopt模块使用实例解析
2019/12/18 Python
网络信息管理员岗位职责
2014/01/05 职场文书
初一家长会邀请函
2014/01/31 职场文书
应届大专毕业生自我鉴定
2014/04/08 职场文书
婚前财产公证书
2014/04/10 职场文书
转让协议书范本
2014/04/15 职场文书
书香家庭事迹材料
2014/05/09 职场文书
2014年挂职干部工作总结
2014/12/06 职场文书
六一儿童节致辞
2015/07/31 职场文书
nginx部署多前端项目的几种方法
2021/05/25 Servers
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers