Vue 之Element ui 中upload的那些事

最新推荐文章于 2025-04-02 13:16:49 发布

三问静先生

最新推荐文章于 2025-04-02 13:16:49 发布

阅读量2.8w

点赞数 5

分类专栏： vue-js 文章标签： vue element-ui upload action vue上传

本文链接：https://blog.youkuaiyun.com/Longyu144714/article/details/78110886

版权

vue-js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在Vue项目中实现文件上传功能，通过设置upload组件的action属性为动态获取的URL来实现灵活的文件上传地址配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在适用VUE作为前端框架做自己的项目，在做到需要上传文件到服务器时，同事告诉我upload之中的action也就是上传地址不能动态的去更改，然后去看了一下，需要做以下处理才能动态的使用：

action是一个必填参数，且其类型为string，我们把action写成:action，然后后面跟着一个方法名，调用方法，返回你想要的地址，代码示例：

//html 代码
<el-upload  :action="UploadUrl()"  :on-success="UploadSuccess" :file-list="fileList">
    <el-button size="small" type="primary" >点击上传</el-button>
    <div slot="tip" class="el-upload__tip"></div>
</el-upload>

// js 代码在 methods中写入需要调用的方法
methods:{
    UploadUrl:function(){
        return "返回需要上传的地址";     
    }   
}

这是我解决的方法，希望能帮到需要的人……