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 相关文章推荐
JS实现标签页效果(配合css)
Apr 03 Javascript
js绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
Aug 17 Javascript
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
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
萌王史莱姆”萌王性别尴尬!那“萌战”归女组还是男?
2018/12/17 日漫
十天学会php之第五天
2006/10/09 PHP
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
JQuery加载图片自适应固定大小的DIV
2013/09/12 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
JQuery基础语法小结
2015/02/27 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
微信小程序页面缩放式侧滑效果的实现代码
2018/11/15 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
nodejs使用socket5进行代理请求的实现
2020/02/21 NodeJs
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
2021/01/29 jQuery
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
测试时代收集的软件测试面试题
2013/09/25 面试题
《春到梅花山》教学反思
2014/04/16 职场文书
2014年派出所工作总结
2014/11/21 职场文书
营业用房租赁协议书
2014/11/26 职场文书
老公保证书
2015/01/17 职场文书
怎样写离婚协议书
2015/01/26 职场文书
实施意见格式范本
2015/06/05 职场文书
教师师德承诺书2016
2016/03/25 职场文书
导游词之台湾阿里山
2019/10/23 职场文书
七个Python必备的GUI库
2021/04/27 Python
table不让td文字溢出操作方法
2022/12/24 HTML / CSS