IT常识
技术 Python PHP JavaScript IOS Android Java 数据库 资源 公众号 代码片段 github
  • IT常识
  • 技术

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的主要内容,如果未能解决你的问题,请参考以下文章

el-upload action

vue 使用element-ui的el-upload httprequest实现上传文件到后台的功能

vue+elementui el-upload上传文件携带参数

vue+elementUi+el-upload实现上传获取本机文件路径获取本机服务器路径电脑盘符createObjectURLgetElementsByClassName

vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法

el-upload怎么拿到上传的图片的base64格式

(c)2006-2024 SYSTEM All Rights Reserved IT常识