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 相关文章推荐
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 Javascript
js中new一个对象的过程
Feb 20 Javascript
iview table render集成switch开关的实例
Mar 14 Javascript
js如何找出字符串中的最长回文串
Jun 04 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 Javascript
JavaScript如何优化逻辑判断代码详解
Jun 08 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
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
PHP连接access数据库
2008/03/27 PHP
PHP 开源框架22个简单简介
2009/08/24 PHP
Cakephp 执行主要流程
2010/03/24 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
jquery判断单选按钮radio是否选中的方法
2015/05/05 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
JavaScript函数参数的传递方式详解
2017/03/06 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
vue组件创建的三种方式小结
2020/02/03 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
Python内置函数OCT详解
2016/11/09 Python
python3解析库BeautifulSoup4的安装配置与基本用法
2018/06/26 Python
代码实例讲解python3的编码问题
2019/07/08 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
Python常用数据分析模块原理解析
2020/07/20 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
如何在Shell脚本中使用函数
2015/09/06 面试题
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
运动会广播稿100字
2015/08/19 职场文书
《观察物体》教学反思
2016/02/17 职场文书
浅析Python中的套接字编程
2021/06/22 Python
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers