Skip to main content
Destacando código
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54

VueJS passar Passar retorno de uma request axiosAxios para component comocomponente usando props no VueJS

Fala pessoal, estouEstou utilizando dados vindos de um request via axiosAxios para popular um componente formform, passo esses valores via propprop para alguns componentes dentro deste formform. 

O problema é que alguns componentes que utilizam os dados dentro do createdcreated acabam recebendo undefinedundefined, pois são carregados antes dos dados serem recebidos do axiosAxios. gerando alguns erros tipo esse, gostaria:

app.js:16258 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'map' of undefined"

found in
---> <GroupsComponent> at resources/js/components/GroupsComponent.vue
       <VForm>
         <Edit> at resources/js/components/Edit.vue

Gostaria de saber se existe alguam forma de carregar o componente somente depois dos dados estarem disponíveis ou algo assim.

app.js:16258 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'map' of undefined"

found in ---> at resources/js/components/GroupsComponent.vue at resources/js/components/Edit.vue

segueSegue o código da requisição:

    created: function () {
                if(this.$route.params.data){
                     this.jsonData =  this.$route.params.data
                }else{
                     axios.get('/api/atendimentos/edit/'+this.$route.params.id)
                    .then( response =>{
                       
                         this.jsonData = response.data
                    });  
                }
        }

VueJS passar retorno request axios para component como props

Fala pessoal, estou utilizando dados vindos de um request via axios para popular um componente form, passo esses valores via prop para alguns componentes dentro deste form. O problema é que alguns componentes que utilizam os dados dentro do created acabam recebendo undefined pois são carregados antes dos dados serem recebidos do axios. gerando alguns erros tipo esse, gostaria de saber se existe alguam forma de carregar o componente somente depois dos dados estarem disponíveis ou algo assim.

app.js:16258 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'map' of undefined"

found in ---> at resources/js/components/GroupsComponent.vue at resources/js/components/Edit.vue

segue o código da requisição

created: function () {
            if(this.$route.params.data){
                 this.jsonData =  this.$route.params.data
            }else{
                 axios.get('/api/atendimentos/edit/'+this.$route.params.id)
                .then( response =>{
                   
                     this.jsonData = response.data
                });  
            }
    }

Passar retorno de uma request Axios para componente usando props no VueJS

Estou utilizando dados vindos de um request via Axios para popular um componente form, passo esses valores via prop para alguns componentes dentro deste form. 

O problema é que alguns componentes que utilizam os dados dentro do created acabam recebendo undefined, pois são carregados antes dos dados serem recebidos do Axios. gerando alguns erros tipo esse:

app.js:16258 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'map' of undefined"

found in
---> <GroupsComponent> at resources/js/components/GroupsComponent.vue
       <VForm>
         <Edit> at resources/js/components/Edit.vue

Gostaria de saber se existe alguam forma de carregar o componente somente depois dos dados estarem disponíveis ou algo assim.

Segue o código da requisição:

    created: function () {
                if(this.$route.params.data){
                     this.jsonData =  this.$route.params.data
                }else{
                     axios.get('/api/atendimentos/edit/'+this.$route.params.id)
                    .then( response =>{
                       
                         this.jsonData = response.data
                    });  
                }
        }
Fonte Link

VueJS passar retorno request axios para component como props

Fala pessoal, estou utilizando dados vindos de um request via axios para popular um componente form, passo esses valores via prop para alguns componentes dentro deste form. O problema é que alguns componentes que utilizam os dados dentro do created acabam recebendo undefined pois são carregados antes dos dados serem recebidos do axios. gerando alguns erros tipo esse, gostaria de saber se existe alguam forma de carregar o componente somente depois dos dados estarem disponíveis ou algo assim.

app.js:16258 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'map' of undefined"

found in ---> at resources/js/components/GroupsComponent.vue at resources/js/components/Edit.vue

segue o código da requisição

created: function () {
            if(this.$route.params.data){
                 this.jsonData =  this.$route.params.data
            }else{
                 axios.get('/api/atendimentos/edit/'+this.$route.params.id)
                .then( response =>{
                   
                     this.jsonData = response.data
                });  
            }
    }