当前位置: 首页 > Web前端 > vue.js

使用元素上传组件时,界面抖动

时间:2023-04-01 00:27:35 vue.js

场景描述使用元素ui上传组件时,会有一个上传进度的loading元素,会导致一张图片被推到后面,然后再回来上传。经过尝试,mainSincepush在上传完成后操作上传组件的fileList数组;this.fileList.push({name:this.data.key,url:imgUrl+this.data.key,})解决实现1.避免push,而是直接赋值//看项目场景影响this.fileList=[{name:this.data.key,url:imgUrl+this.data.key,},]2.隐藏加载元素/*推荐,易于实现*/.el-upload-list__item.is-ready,.el-upload-list__item.is-uploading{display:none!important;}参考mister_snail