vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function

ps:这个属于一个比较歪的方案 大家可以看着来 但是不一定要用

我这里是 用 http-request 进行覆盖的

话不多说 开始 上才艺

1:给 el-upload组件 用 http-request去进行一个自定义上传

ps:这里 action参数就可以不用了

:http-request="httpRequest"

2:httpRequest 事件部分

const httpRequest = (options) => {
  const formData = new FormData()  //我是用FormData() 来 进行弄 上传文件的 二进制文件 
  formData.append('file', options.file)  
  let loadingInstance = ElLoading.service({ fullscreen: true, background: 'rgba(0,0,0,0.2)' })//我这里是弄了一个加载的蒙版 可以参考 element ui plus  中的加载 
 uploadAPifn(formData).then(response => {
    loadingInstance.close()//关闭 加载蒙版
    console.log(response) //这里就是 打印你的接口返回 参数,这里返回的参数就要问你自己这边的后端了
    })
}

ps:下图 是 options 的数据

最后 说明一下 我也 将这里 进行了注释 如果上面的 我没有写 的话 直接用 action 的话 我控制台会报 接口404

vue.config.js

main.js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值