在el-dialog编辑界面el-upload跳动问题

el-dialog中有子组件el-upload,并且做了只能显示一个文件的限制

1.在第一次打开后,关闭dialog,再打开dialog会有跳动

这是因为之前打开的dialog中,文件仍旧在,新一次的打开的文件把上一次顶掉了,所以产生跳动。
解决方案:
在dialog中绑定关闭事件,清空el-upload的文件列表。

2.el-upload显示文件时有动画效果,可能会产生滚动条

因为动画效果增加了height,导致el-dialog的滚动条出现了,但是又马上没有了,没有时动画结束。
解决方案:
直接将el-dialog往上提高

/deep/ .el-dialog {width: 50%;margin-top: 8vh !important;
}

或者缩小el-dialog中的内容。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/619085.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【竞技宝】DOTA2:梦幻联赛开战在即 中国区前两名将晋级正赛

北京时间2024年1月12日,近期DOTA2刚刚结束了别墅杯东南亚/中国区的封闭预选赛,而别墅杯的正赛还要等到下个月才会正式开打,而即将在明天开始进行的是梦幻联赛S22的中国区预选赛,除官方直邀的XG战队直接晋级正赛之外,其…

Elasticsearch 7.8.0从入门到精通

安装Elasticsearch 7.8.0 官网:Elasticsearch 7.8.0 | Elastic 大家下载所需要的安装包即可。然后解压缩: Elasticsearch是通过java编写的,所以自带jdk。多好,下载Elasticsearch赠送jdk 0.0,不过一般我们用自己的jdk…

【第37例】IPD体系进阶:Charter开发需要回答的6个关键问题

目录 1. 内容简介 2. 6 个核心问题 作者简介 1. 内容简介 今天继续更新 IPD 进阶专栏(第37例)。 这节内容主要来谈谈 IPD Charter 开发的相关内容。 实际上来看,Charter 开发就相当于是一个产品的商业计划书。 在计划书中,会去总体上说明以下几个问题: 我们为什么做…

@PreAuthorize注解

前言:RuoYi框架中,菜单管理的权限标识字段通常用于定义用户对特定菜单或操作的访问权限。 这个权限标识字段通常会被用在两个地方: 1. 后端:在Spring Security的PreAuthorize注解中,用于控制对特定方法的访问。例如&am…

git撤销命令大全

1、撤销没有添加至暂存区的代码(未进行git add操作) git checkout --fileName 或者 git checkout -- .2、撤销添加至暂存区的代码(进行了git add) git reset HEAD fileName 或者 git reset HEAD .3、git commit 后撤销 (1)撤销git commit 但不撤销git add git reset…

二蛋赠书十四期:《微前端实战》

前言 大家好!我是二蛋,一个热爱技术、乐于分享的工程师。在过去的几年里,我一直通过各种渠道与大家分享技术知识和经验。我深知,每一位技术人员都对自己的技能提升和职业发展有着热切的期待。因此,我非常感激大家一直…

51单片机点阵开发

一.LED点阵屏 LED点阵屏通过LED(发光二极管)组成,以灯珠亮灭来显示文字、图片、动画、视频等,LED点阵显示屏制作简单,安装方便,被广泛应用于各种公共场合,如汽车报站器、广告屏、银行窗口屏叫号屏以及停车系统等等。 …

P1094 [NOIP2007 普及组] 纪念品分组

[NOIP2007 普及组] 纪念品分组 题目背景 NOIP2007 普及组 T2 题目描述 元旦快到了,校学生会让乐乐负责新年晚会的纪念品发放工作。为使得参加晚会的同学所获得 的纪念品价值相对均衡,他要把购来的纪念品根据价格进行分组,但每组最多只能包…

Ansible的切片特性与多机器选取

一、【概述】 本文介绍一下Ansible的多机器选取和切片特性,这个还是一个比较有用的技巧,可以快速选取仓库中我们需要的机器清单。 因为该特性可能与其他工具语法稍微有些不一样,时间长了会忘,值得记录一下 二、【具体说明】 1…

力扣(leetcode)第606题根据二叉树创建字符串(Python)

606.根据二叉树创建字符串 题目链接:606.根据二叉树创建字符串 给你二叉树的根节点 root ,请你采用前序遍历的方式,将二叉树转化为一个由括号和整数组成的字符串,返回构造出的字符串。 空节点使用一对空括号对 “()” 表示&…

NUS CS1101S:SICP JavaScript 描述:二、使用数据构建抽象

原文:2 Building Abstractions with Data 译者:飞龙 协议:CC BY-NC-SA 4.0 我们现在来到数学抽象的决定性步骤:我们忘记符号代表什么。…[数学家]不需要闲着;他可以用这些符号进行许多操作,而无需看它们所代…

Jenkins实现基础CI操作配合python

条件: gitlab准备好 jenkins准备好 (不会java项目, 故跳过Maven打jar包) jenkins配置 在配置里通过插件Git Parameter配置Git,以便于从gitlab 拉去代码到Jenkins r容器内 /var/jenkins_home/ 刚接触python 项目好像不需要构建,直接推送到远…

Redis面试题11

Redis 的哨兵是什么?它的作用是什么? Redis 哨兵是 Redis 的一种特殊模式,用于监控和管理 Redis 的高可用性。 哨兵的主要作用包括: 监控:哨兵会定期向 Redis 主节点和从节点发送心跳检查,以确保节点的可用…

测试工程师能否作为一份「终身职业」?30岁+怎么办?

【讨论】测试工程师可否作为一份终生的职业? 这是我在论坛看到的一个讨论,你的答案是什么呢? 我希望大家能认真思考后给出一个属于自己的答案,无论你是新手入门,还是资深专家。回答这个问题请不要凭一腔热血&#xff…

ZooKeeper初探:分布式世界的守护者

欢迎来到我的博客,代码的世界里,每一行都是一个故事 ZooKeeper初探:分布式世界的守护者 前言Zookeeper的概述分布式系统中的角色和作用: Zookeeper的数据模型Znode的概念和层次结构:Znode的类型和应用场景:…

NUS CS1101S:SICP JavaScript 描述:三、模块化、对象和状态

原文:3 Modularity, Objects, and State 译者:飞龙 协议:CC BY-NC-SA 4.0 变化中安宁 (即使它在变化,它仍然保持不变。) ——赫拉克利特 变化越大,越是相同。 ——阿方斯卡尔 前面的章节介绍了构…

【开题报告】基于SpringBoot的柳州美食推荐平台的设计与实现

1.选题背景 柳州是广西壮族自治区的一个重要城市,以其丰富多彩的美食文化而闻名。然而,对于游客和新居民来说,了解和选择柳州的美食可能是一项挑战。因此,设计并实现一个柳州美食推荐平台,可以帮助人们轻松地发现柳州…

程序员如何弯道超车?周末有奇效

作为一名程序员,不断提升自己的技能和知识是至关重要的。然而,在繁忙的工作日常中,很难有足够的时间和精力来学习新技术或深入研究。因此,周末成为了一个理想的时机,可以专注于个人发展和技能提升。所以程序员如何利用…

Vulnhub靶机:driftingblues 3

一、介绍 运行环境:Virtualbox 攻击机:kali(10.0.2.15) 靶机:driftingblues3(10.0.2.19) 目标:获取靶机root权限和flag 靶机下载地址:https://www.vulnhub.com/entr…

三种方法实现获取链表中的倒数第n个元素

文章目录 先放初始代码方式1方式2方式3 先放初始代码 节点类 public class HeroNode {public int no;public String name;public HeroNode next; //指向下一个节点public HeroNode(int no, String name, HeroNode next) {this.no no;this.name name;this.next next;}Overr…