Vue 之Element ui 中upload的那些事
最近在适用VUE作为前端框架做自己的项目,在做到需要上传文件到服务器时,同事告诉我upload之中的action也就是上传地址不能动态的去更改,然后去看了一下,需要做以下处理才能动态的使用:action是一个必填参数,且其类型为string,我们把action写成:action,然后后面跟着一个方法名,调用方法,返回你想要的地址,代码示例://html 代码<el-upload:action=
·
最近在适用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 "返回需要上传的地址";
}
}
这是我解决的方法,希望能帮到需要的人……
更多推荐
已为社区贡献1条内容
所有评论(0)