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 相关文章推荐
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
Aug 17 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
Jan 26 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
vue输入框使用模糊搜索功能的实现代码
May 26 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 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
PHP自定义大小验证码的方法详解
2013/06/07 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
jquery取消事件冒泡的三种方法(推荐)
2016/05/28 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
JavaScript运动框架 链式运动到完美运动(五)
2017/05/18 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
python 处理string到hex脚本的方法
2018/10/26 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
基于python实现ROC曲线绘制广场解析
2020/06/28 Python
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
造型师求职自荐信
2013/09/27 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
公司表扬稿范文
2015/05/05 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
Python自动化之批量处理工作簿和工作表
2021/06/03 Python
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android