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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
Javascript中的isNaN函数使用说明
Nov 10 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
用javascript添加控件自定义属性解析
Nov 25 Javascript
Javascript中this的用法详解
Sep 22 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
Jul 29 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
BootStrap文件上传样式超好看【持续更新】
May 10 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
Sep 10 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
Mysql的常用命令
2006/10/09 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
php实现的二叉树遍历算法示例
2017/06/15 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
ECMAScript 基础知识
2007/06/29 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
Javascript中的相等与不等运算
2010/04/25 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
学习python处理python编码问题
2011/03/13 Python
Python字符串中查找子串小技巧
2015/04/10 Python
Pycharm更换python解释器的方法
2018/10/29 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
Python骚操作之动态定义函数
2019/03/26 Python
Python3中列表list合并的四种方法
2019/04/19 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
将 Ubuntu 16 和 18 上的 python 升级到最新 python3.8 的方法教程
2020/03/11 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
python一些性能分析的技巧
2020/08/30 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
全球最大的户外用品零售商之一:The House
2018/06/12 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
毕业生写求职信的要点
2014/03/04 职场文书
银行职员工作失误检讨书
2014/10/14 职场文书
第28个世界无烟日活动总结
2015/02/10 职场文书
幼儿园个人总结
2015/02/28 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
花田少年史观后感
2015/06/16 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript