vue 动态修改el-upload 的action

Posted 2020-10-10 tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 动态修改el-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 "返回需要上传的地址";     
    }   
} 

以上是关于vue 动态修改el-upload 的action的主要内容，如果未能解决你的问题，请参考以下文章