这个.$refs.upload.submit();不返回响应元素-UI

Question

我正在使用 element-ui 并且正在上传一个文件：

this.$refs.upload.submit();

我怎样才能得到 this.$refs.upload.submit(); 的回复？

我已经试过了：

.then(response => {
    this.success = true;
})
.catch(errors => {
    if(errors.status === 422 && this.hasError('Exists')) {
        this.Link= true;
    }
    this.success = false;
})

我知道 submit() 需要某种承诺。我只是不知道要更改什么，我只想获取错误消息。

Answer 1

我不太熟悉 element-ui 但自定义组件几乎总是有在某些功能完成时触发的事件。

在这种情况下查看文档： https://element.eleme.io/#/en-US/component/upload#upload 你需要的是 on-success 或 on-error.

因此您只需向 el-upload 组件添加函数：

<el-upload
   :on-error="onError"
   :on-success="onSuccess">

并将方法添加到 vue 中的 methods 对象：

methods: {
      submitUpload() {
        this.$refs.upload.submit();
      },
      onError(){
        console.log("error");
      },onSuccess(){
        console.log("success");
      }
}

例如： https://codepen.io/Freshdachs/pen/LYjWpZo

这个.$refs.upload.submit();不返回响应元素-UI

this.$refs.upload.submit(); not returning response Element-UI

javascript

vue.js

element-ui