1

Mi método se mira así:

createTip: function (tip) {
        this.$axios.post(this.$API_URL + 'tips', {
            name: tip.name,
            description: tip.description
        }, {
            headers: {
                'Api-Token': this.$store.state.token
            }
        })
        .then( (response) => {
            this.tip_temporal.tip_id = response.data.tip_id
            this.$toastr.success('The Tip has been created successfully!', "Success!");
            this.finishAction()
        })
        .catch(error => {
            this.errorAction(error)
        });
    },

Lo que deseo hacer es que, en vez de la asignación

this.tip_temporal.tip_id = response.data.tip_id

mi método pueda retornar ese valor, algo así:

return response.data.tip_id

La idea es que, en alguna otra parte del codigo yo pueda hacer algo como esto:

let id = this.createTip(tip)

Intente hacer el return en el then de la promesa que genera axios, pero como todos sabemos, las promesas son asíncronas, así que siempre que intento asignar el valor que el método debería retornar, me asigna un valor indefinido.

¿Alguna idea?

10
  • deberías hacer return a la promise en general, y ella dará respuesta según como se resuelva, siendo el response o el catch de la siguiente forma: return this.$axios. Commented el 3 sept. 2019 a las 22:04
  • más cómodo es usar async await Commented el 3 sept. 2019 a las 22:18
  • ¿Es necesario esperar a que termine y te el ID? ¿no te sería útil hacerlo con eventos? Por ejemplo, lanzas el evento de tripcreated al ser creado y al escucharlo haces lo que necesitas hacer. Commented el 5 sept. 2019 a las 20:34
  • @ManueldelaCruz Si, es necesario. Con eventos a que te refieres? Al bus o algo similar? Commented el 9 sept. 2019 a las 14:08
  • así es, ya sea que el evento sea del componente o del EventBus Commented el 10 sept. 2019 a las 21:08

1 respuesta 1

1

Utilizo promise con funciones async y await para que espere los resultados y los asigne, cuando llames al mismo con otra funcion tambien tiene que ser async y await. Aconsejo leer un poco mas de promise ya que es un tema medio complejo.

createTip: async function (tip) {
       let respuesta = await new Promise((resolve,reject)=>{
        this.$axios.post(this.$API_URL + 'tips', {
            name: tip.name,
            description: tip.description
        }, {
            headers: {
                'Api-Token': this.$store.state.token
            }
        })
        .then( (response) => {
            resolve(response.data.tip_id)
        })
        .catch(error => {
            reject(error)
        });
})
return respuesta;
    },
2
  • Buena respuesta, lo he terminado haciendo asi, solamente que en vez de guardar la promesa en una variable, la retorno de una vez. Commented el 12 sept. 2019 a las 17:07
  • @KennyBarrera excelente, me alegro que te sirva :D. Si podes marcarlo como respuesta.
    – tzanuttini
    Commented el 12 sept. 2019 a las 17:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.