element ui自定义上传文件

最新推荐文章于 2024-09-25 16:12:36 发布

我写的代码不会有bug

最新推荐文章于 2024-09-25 16:12:36 发布

阅读量1k

点赞数

分类专栏：学习笔记前端文章标签： vue

本文链接：https://blog.csdn.net/qq_29753121/article/details/106047924

版权

本文介绍如何在Element UI中实现自定义上传文件功能，通过设置`auto-upload=false`来控制手动触发上传，并展示了使用`:on-success`监听上传成功后的处理函数。

摘要由CSDN通过智能技术生成

自定义上传按钮，非自动上传，效果图
在这里插入图片描述
代码实现：

  <el-form-item label="数据制作文件">
                  <el-upload
                    class="upload-demo inline-block"
                    action="http://localhost:9080/5gso-backstage/soForm/uploadFile"
                    ref="upload"
                    :on-preview="handlePreview"
                    :on-exceed="handleExceed"
                    :on-success="fileSuccess"
                    :limit="1"
                    :on-change="handleChange"