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

发布时间:2024年01月13日

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中的内容。

文章来源:https://blog.csdn.net/Zing_ing/article/details/135569882
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。