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 相关文章推荐
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
JS倒计时实例_天时分秒
Aug 22 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
Vue循环组件加validate多表单验证的实例
Sep 18 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 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/03 新手入门
十天学会php(2)
2006/10/09 PHP
php socket方式提交的post详解
2008/07/19 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
js判断上传文件的类型和大小示例代码
2013/10/18 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
浅谈原生JS中的延迟脚本和异步脚本
2017/07/12 Javascript
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
Python中变量交换的例子
2014/08/25 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
Python中的集合类型知识讲解
2015/08/19 Python
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
导入tensorflow时报错:cannot import name 'abs'的解决
2019/10/10 Python
基于python实现FTP文件上传与下载操作(ftp&amp;sftp协议)
2020/04/01 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
网络工程专业毕业生推荐信
2013/10/28 职场文书
纪念建党演讲稿范文
2014/01/13 职场文书
同居协议书范本
2014/04/23 职场文书
国庆促销活动总结
2014/08/29 职场文书
2014教师党员自我评议(5篇)
2014/09/20 职场文书
批评与自我批评范文
2014/10/15 职场文书
2014年学校法制宣传日活动总结
2014/11/01 职场文书
高一军训决心书
2015/02/05 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
Python制作春联的示例代码
2022/01/22 Python