[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)

Dúvída VueJS - Classe Promisse

[Finalizado Pelo Aluno]

Roberto Noya
Criador Roberto Noya 24/01/2020

Olá Carlos,

Estou estudando o curso de Vue js (2.5.17) com Laravel 6x.

Minha dúvida está na AULA: 10 - COMPONENT DE EDITAR CATEGORIA

 

Consegui usar a classe Promisse na inserção. Entretanto, não consegui usar na edição.

O problema penso eu, é que a action não está enviado o objeto da API para o component.

Outro ponto, é que ao rodar não exibe erros. Simplesmente não consta o objeto.

Você irá notar que existe comentado o codigo que funciona e não usa a classe Promisse. Ou seja, a API funciona normal. 

Segue minha action:

loadCategory(context, id) {

            context.commit('PRELOADER', true)

            /*            

            axios.get(`/api/v1/categories/${id}`)

            .then(

                response => {

                    console.log(response)

                })

                .catch(

                    errors => {

                    console.log(errors)

                })

                .finally(() => context.commit('PRELOADER', false))

            */

                

            new Promise((resolve, reject) => {

                axios.get(`/api/v1/categories/${id}`)

                    .then(response => resolve(response.data))

                    .catch(error => reject(error))

                    .finally(() => context.commit('PRELOADER', false))    

            })      

 

        }

 

No EditCategoryComponent tenho:

created () {

        this.$store.dispatch('loadCategory', this.id)

                    .then(response => {

//alert('entrou')está entrando normalmente aqui

                        console.log(response)

                    })

                    .catch(error => { 

                        console.log(error)

                    })

    }

 

Voce pode me ajudar?

Grato!

 

 

Criador Roberto Noya 24/01/2020

Já descobri o erro. Antes "new Promisse" faltou incluir a palavra "return "

Assim: return new Promise((resolve, reject) => {

 

Dessa forma funcionou sem erros. 

 

Grato!

Roberto Noya
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!