解决element-ui 中upload组件使用多个时无法绑定对应的元素值

阅读 (933)
element中upload为我们提供了强大的上传功能,往往我们可能用作单独上传某个文件。但是在一个表单中,需要有多个同种类型的文件上传,这时如何共用上传方法

在调用回调时二次封装,把默认的参数和自己新增的参数作为一个新的函数返回

调用哪个upload,就把相对应的index传进去,上传成功后,我们可以把文件与index联系起来了呢

:on-success="(res,file)=>{return handleSuccess(res,file,index)}"

当然,这里用的是es6写法,可能IE某些版本并不支持这种写法,我们可以转换一下,写成普通函数

:on-success="function (res,file) {return handleSuccess(res,file,index)}"

同理,可以修改:http-request对应的方法,上传时告知后端当前上传的图片或文是对应哪个字段的, 或者前端需要自己知道上传了哪个类型的图片,拿到后端返回的成功链接后另行保存

更新于:2019-08-16 23:07:01
返回顶部