es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Vue js – problema con async await

28 Jul, 2023 Programación

Mi código en Login.Vue es el siguiente:

methods: {
  async validateLoginBeforeSubmit() {
    this.$validator.validate().then((result) => {
      if (result) {
        var data = {
          email: this.email,
          password: this.password
        }
        var response = await this.$api('POST', 'login', data);
      }
    })
  },
},

y esta es la función prototipo:

import Vue from 'vue';

Vue.prototype.$api = async() => function (method, url, data) {
  if (method == 'POST') {
    return new Promise((resolve) => {
      this.$http.post(url, data).then((response) => {
        resolve(response);
      }).catch((error) => {
        if (error.response.status == '401') {
          /* Destruir token del almacenamiento local y redirigir a la página de inicio de sesión */
        }
        resolve(error.response);
        return false;
      });
    });
  }
}

Está mostrando el siguiente error:

error  Parsing error: Unexpected reserved word 'await'.

¿Alguien puede ayudarme con eso?

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Como modelo de lenguaje AI, puedo identificar que el problema con el código es que el método validateLoginBeforeSubmit está utilizando la palabra clave await sin declarar el método como async. Para solucionar el error, debes hacer que el método validateLoginBeforeSubmit sea async. Aquí tienes el código actualizado:

    methods: {
    async validateLoginBeforeSubmit() {
        await this.$validator.validate().then(async(result) => {
            if (result) {
                var data = {
                    email: this.email,
                    password: this.password
                }
                var response = await this.$api('POST', 'login', data);
            }
        })
    },
},

import Vue from 'vue';

Vue.prototype.$api = async(method, url, data) => {
    if (method == 'POST') {
        return new Promise((resolve) => {
            this.$http.post(url, data).then((response) => {
                resolve(response);
            }).catch((error) => {
                if (error.response.status == '401') {
                    /* Destruir el token del almacenamiento local y redirigir a la página de inicio de sesión */
                }
                resolve(error.response);
                return false;
            });
        });
    }
}

Comments are closed.