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 UI皮肤定制
Jul 27 Javascript
extjs ColumnChart设置不同的颜色实现代码
May 17 Javascript
详解JavaScript的Date对象(制作简易钟表)
Apr 07 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
模拟javascript中的sort排序(简单实例)
Aug 17 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
js实时监控文本框输入字数的实例代码
Jan 18 Javascript
js正则相关知识点专题
May 10 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 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中的时间显示
2007/01/18 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
JSON.parse 解析字符串出错的解决方法
2010/07/08 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
JS实现的A*寻路算法详解
2018/12/14 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
python插入排序算法的实现代码
2013/11/21 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
python+flask实现API的方法
2018/11/21 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
利用CSS3的transform做的动态时钟效果
2011/09/21 HTML / CSS
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
澳大利亚购买太阳镜和眼镜网站:Glamoureyes
2020/09/22 全球购物
个人应聘自我评价分享
2013/11/18 职场文书
行政人员岗位职责
2013/12/08 职场文书
五年级科学教学反思
2014/02/05 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
组织鉴定材料
2014/06/02 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
离婚案件原告代理词
2015/05/23 职场文书
二胎满月酒致辞
2015/07/29 职场文书