el-upload的loading问题

问题场景:el-upload上传功能,由于上传的文件可能较大,为避免重复操作,因此需要上传loading效果

解决:el-upload组件添加onChange该事件

handleOnChange(file, fileList){
      this.loading= true
      if(file.percentage == 100){
        this.loading= false
      }
    },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-upload组件可以显示一个loading状态,用来表示文件上传的进度。根据引用和引用的代码片段,el-uploadloading状态可以通过设置`:loading`属性来控制。当`:loading`为true时,上传按钮会显示为加载中状态,表示文件正在上传。在上传过程中,可以通过设置`:on-progress`属性来监听上传进度,并在页面上显示上传进度条。当文件上传完成后,`:loading`属性会自动设置为false,loading状态会消失。所以,el-uploadloading状态会在文件上传过程中显示,上传完成后自动消失。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [el-upload typescript 多文件上传添加loading progress](https://blog.csdn.net/qq_20686495/article/details/113517133)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [el-upload上传组件在vue中的应用和踩坑](https://blog.csdn.net/m0_61387674/article/details/120652478)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值