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
});
}
}
v-if
nesse componente para que ele seja renderizado somente quando houver dados nothis.jsonData
? Algo do tipo<Form v-if="jsonData" />