文件上传添加loading显示

最新推荐文章于 2024-09-30 14:34:33 发布

莫语的鱼

最新推荐文章于 2024-09-30 14:34:33 发布

阅读量1.2w

点赞数 3

分类专栏：前端文章标签：文件上传添加loading

本文链接：https://blog.csdn.net/hao9101111/article/details/83310735

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一个比较小的东西不是很麻烦在element-ui上面可以找到

<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload" v-loading.fullscreen.lock="loading">{{$t('changeView.pay.uploadFiles')}}</el-button>

在你的上传文件的按钮上面添加 v-loading.fullscreen.lock=“loading”
然后在你的return里面定义一下loading = false
之后你需要在你的上传点击事件的地方需要写上：
在这里插入图片描述
之后还需要做一步在你上传成功之后需要把loading 给false掉不然的话这个loading转圈圈的图标是不会关掉的那么就做不来其他的操作了
如下：
我这个地方判断比较多点