Estoy usando element-ui y estoy cargando un archivo con:
this.$refs.upload.submit(); ¿Cómo puedo obtener la respuesta de this.$refs.upload.submit(); ?
Ya probé:
.then(response => { this.success = true; }) .catch(errors => { if(errors.status === 422 && this.hasError('Exists')) { this.Link= true; } this.success = false; }) Sé que submit() necesita algún tipo de promesa. Simplemente no sé qué cambiar, solo quiero recibir los mensajes de error.
No estoy muy familiarizado con element-ui, pero los componentes personalizados casi siempre tienen eventos que se activan cuando finalizan ciertas funciones.
En este caso, consulte la documentación: https://element.eleme.io/#/en-US/component/upload#upload Lo que necesita es on-success o on-error .
Entonces solo tiene que agregar funciones a su componente el-upload :
<el-upload :on-error="onError" :on-success="onSuccess"> Y agregue los métodos a su objeto de methods en vue:
methods: { submitUpload() { this.$refs.upload.submit(); }, onError(){ console.log("error"); },onSuccess(){ console.log("success"); } }Un ejemplo sería: https://codepen.io/Freshdachs/pen/LYjWpZo