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 相关文章推荐
Extjs学习笔记之七 布局
Jan 08 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
JQuery优缺点分析说明
Apr 10 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
jquery图片放大功能简单实现
Aug 01 Javascript
JavaScript中的prototype和constructor简明总结
Apr 05 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
微信小程序实现时间预约功能
Nov 27 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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
检查url链接是否已经有参数的php代码 添加 ? 或 &amp;
2010/02/09 PHP
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
PHP使用pear自带的mail类库发邮件的方法
2015/07/08 PHP
laravel框架添加数据,显示数据,返回成功值的方法
2019/10/11 PHP
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
vue构建动态表单的方法示例
2018/09/22 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
在Django的URLconf中使用命名组的方法
2015/07/18 Python
python 自动去除空行的实例
2018/07/24 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
python实现图片插入文字
2019/11/26 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
利用python绘制正态分布曲线
2021/01/04 Python
HTML5里autofocus自动聚焦属性使用介绍
2016/06/22 HTML / CSS
Europcar比利时:租车
2019/08/26 全球购物
大学生先进事迹材料
2014/02/16 职场文书
小学母亲节活动方案
2014/03/14 职场文书
项目建议书模板
2014/05/12 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
2015年食品安全工作总结
2015/05/15 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书
文明礼仪主题班会
2015/08/13 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书