vue 动态修改el-upload 的action
Posted 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的主要内容,如果未能解决你的问题,请参考以下文章
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()不生效解决方法