vue阻止事件冒泡_vue阻止冒泡事件-程序员宅基地

技术标签: vue  Antdesign-vue的使用  

我们在使用antdesign或者element等UI框架的时候,会遇到事件冒泡的问题,如何阻止呢?

在普通的vue中如果要阻止事件冒泡通常只需要在click点击事件上.stop就可以像下面这样

<div @click.stop="handleEdit(row)">编辑</div>

这是因为

.stop - 调用 event.stopPropagation()。
.prevent - 调用 event.preventDefault()。
在使用UI框架的时候 有时候上面并没用点击事件 或者加了stop仍然没有阻止 下面是两种解决办法
1.加一个空的点击事件
在这里插入图片描述
2.在需要阻止的外层加一个父标签 然后在父标签上加点击事件
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_49203377/article/details/116933043

智能推荐

Pandas时间序列_import pandas as pd date-程序员宅基地

文章浏览阅读200次。import timetime.time()1542903985.5287802time.localtime(1542903985)#将时间戳转化为时间对象time.struct_time(tm_year=2018, tm_mon=11, tm_mday=23, tm_hour=0, tm_min=26, tm_sec=25, tm_wday=4, tm_yday=327, ..._import pandas as pd date

网易互娱2019.0811-程序员宅基地

文章浏览阅读257次。网易互娱笔试题:1.计算整数二进制中1个数#include "stdafx.h"#include <string>#include <vector>#include <set>#include <map>#include <iostream>#include <sstream>#include <alg...

HTML5基本标签_radio标签-程序员宅基地

文章浏览阅读5.3k次,点赞10次,收藏16次。目录HTML简介:网页基本信息:网页基本标签:图像和超链接标签块元素和行内元素列表标签表格标签:媒体元素(视频和音频)iframe内联框架表单语法:初始表单post和get提交文本框和单选框表单的应用:表单初级验证:HTML简介:HTML (HyperTextMarkupLanguage)超文本标记语言超文本包括:文字,图片,音频,视频,动画等W3CWorldWideWebConsortium (万维网联盟)..._radio标签

(转)FastJson 解决JSON转嵌套Map出现的顺序乱序问题_map序列化json为什么key的顺序变化了-程序员宅基地

文章浏览阅读597次。2018年08月02日 16:54:15 FD-Do 阅读数:999弄了一天的问题,感谢大神转自:http://inlhx.iteye.com/blog/2312512 最近项目中用到了fastjson(1.2.15)需要将前端多层嵌套json转换为map,由于map的无序性,想了很多办法,最终找到使用 Map m= JSONArray.parseObject(json, Linke..._map序列化json为什么key的顺序变化了

用Python做一个变态版的《超级玛丽》游戏_爬虫版超级玛丽-程序员宅基地

文章浏览阅读6.7k次,点赞6次,收藏33次。大家好,我是一行Python可以做市面上90%的2D游戏,但是最有意思的还是拿来熟知的游戏亲手修改里面的元素这样的游戏不仅可以自己娱乐,还可以做成视频利用反差感来分享在各个短视频平台,可以称作是一种流量密码像下面这样离谱的超级玛丽就是通过调节游戏里面的参数来达到的效果 class="video_iframe rich_pages" data-vidtype="2" data-mpvid="wxv_2125779370458791937" data-cover="http%3A%2F%2Fmmbiz.qpic_爬虫版超级玛丽

windows安装fasttext_window 安裝fasttext-程序员宅基地

文章浏览阅读720次。windows版fasttext一、环境:Windows10Python3.7Pycharm二、fasttext安装1.windows安装fasttext请参照博客:https://blog.csdn.net/yyy430/article/details/885343192.安装好之后,请在pycharm中安装fasttext3.若安装之后依然不能imp..._window 安裝fasttext

随便推点

IDEA读取 .ini 文件_java idea 读取resources的ini配置文件-程序员宅基地

文章浏览阅读5.6k次,点赞4次,收藏18次。前言在创建shiro项目时,需要一个shiro.ini配置文件,但是IDEA无法读取出来,在项目中的打开方式,是以 txt 文件打开的,然后项目启动时,无法找到 ini 配置文件。小编百度了许久,都没找到解决方法,好吧,自己动手,代码我有。现象打开方式是txt文本,而不是配置文件,编辑工具没有读取到 ini 文件。解决 下载 ini4Idea 插件,使IDEA支持 ini ..._java idea 读取resources的ini配置文件

小程序调试webview_小程序 webview调试-程序员宅基地

文章浏览阅读4.4k次。在百度上搜,小程序调试webview, 都说用什么vconsole。看了官方文档, 发现在 webview 右键 最左上角 有个 调试, 这样就可以调试 webview了。 (不知道腾讯为什么把这个按钮搞得这么小, 不仔细看 我还找不到。)..._小程序 webview调试

flask学习之flask-migrate 迁移数据库 (以及错误:Target database is not up to date的解决)_error [flask_migrate] error: target database is no-程序员宅基地

文章浏览阅读2.5k次。在实际的开发中,经常会发生数据库修改的行为,一般我们修改数据库不会直接手动的去修改,而是去修改ORM对应的模型,然后再把模型映射到数据库中,这时候如果有一个工具专门做这种事情,就显得非常有用了,而flask-migrate就是做这个事情的。flask-migrate是基于alembic进行的一个封装,并且继承到flask中,而所有的迁移操作其实都是alembic做的,他能跟踪模型的变化,并且将变化映射到数据库中。..._error [flask_migrate] error: target database is not up to date.

安卓通过SQLite实现登录注册功能(小白式教程)_安卓使用sqlite实现登录注册-程序员宅基地

文章浏览阅读2w次,点赞280次,收藏614次。安卓通过SQLlite实现登录注册功能前面基本操作看图片第一个xml文件是:round_bg.xml,后面界面布局要用到<?xml version="1.0" encoding="utf-8"?><shape ="http://schemas.android.com/apk/res/android"> <solid android:color="@color/colorPrimary"/> <c_安卓使用sqlite实现登录注册

基于gitlab+docker+k8s打造自动化构建部署流程_gitlab + kubernetes + docker-程序员宅基地

文章浏览阅读3.5w次,点赞7次,收藏35次。工程自动化构建部署前言​ 随着需求越来越多,以及相关代码分支权限的流程规范化,团队内部的项目上线部署复杂度提升,基于现有的环境和市场上主流的软件,打造了一套基于gitlab+docker+harbor+kubernetes的自动化构建部署流程(CI/CD),目前团队内部流程基本走通,整理了一份相关文档分享出来。写的糙的地方,轻喷。概念GitLab CI/CD​ GitLab 是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的Web服务。与之对应的有GitHub和_gitlab + kubernetes + docker

Navicat连接MySQL8.0亲测有效-程序员宅基地

文章浏览阅读5.1k次,点赞2次,收藏5次。今天下了个 MySQL8.0,发现Navicat连接不上,总是报错1251;原因是MySQL8.0版本的加密方式和MySQL5.0的不一样,连接会报错。试了很多种方法,终于找到一种可以实现的:  更改加密方式  1.先通过命令行进入mysql的root账户:PS C:\Windows\system32&gt; mysql -uroot -p  再输入root的密码:..._navicat连接mysql8.0亲测有效