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 相关文章推荐
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
js原型链原理看图说明
Jul 07 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
用Webpack构建Vue项目的实践
Nov 07 Javascript
js动态设置select下拉菜单的默认选中项实例
Aug 21 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 Javascript
vue引用外部JS的两种种方法
Jan 28 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中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
使用php语句将数据库*.sql文件导入数据库
2014/05/05 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
基于jQuery的获得各种控件Value的方法
2010/11/19 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
2015/02/10 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
不得不分享的JavaScript常用方法函数集(下)
2015/12/25 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
Python contextlib模块使用示例
2015/02/18 Python
Python中如何优雅的合并两个字典(dict)方法示例
2017/08/09 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
体育专业个人的求职信范文
2013/09/21 职场文书
业务经理的岗位职责
2013/11/16 职场文书
英文简历中的自荐信范文
2013/12/14 职场文书
便利店投资的创业计划书
2014/01/12 职场文书
展会邀请函范文
2014/01/26 职场文书
工商企业管理专业自荐信范文
2014/04/12 职场文书
《分一分》教学反思
2014/04/13 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis