Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Acessar as propriedades de objeto dentro de outro através das props

Pessoal tenho a seguinte situação: Gostaria de passar um objeto turma, que por sua vez tem um objeto do tipo curso para um componente filho.Estou fazendo da seguinte forma:

<modal-cadastro-turma ref="modal" 
        :turma="turma" 
        @modalFechada="fecharModal()"></modal-cadastro-turma>

Recebo o objeto no componente filho através das props

 props: ['turma']

Tento acesso o objeto curso dentro do objeto turma:

<b-form-group label="Curso" label-for="Curso">
          <b-form-select :options="opcoesCursos" v-model="turma.curso.idCurso"></b-form-select>
        </b-form-group>

E então, tenho o seguinte erro:

[Vue warn]: Error in render: "TypeError: _vm.turma.curso is undefined"

found in

---> <ModalCadastroTurma> at src/components/modals/ModalCadastroTurma.vue
       <BTabs>
         <CadastroTurmas> at src/components/pages/CadastroTurmas.vue
           <App> at src/App.vue
             <Root> vue.runtime.esm.js:619
    VueJS 11

Alguém sabe como posso acessar esse objeto do tipo curso?

3 respostas
solução!

Fala aí Rafael, tudo bem? Esse deve estar ocorrendo porque seu objeto em algum momento pode não possui essas propriedades ou ter seus valores undefined.

Dê uma olhada, talvez precise fazer um tratamento para esses casos.

Espero ter ajudado.

Obrigado Matheus. Resolvido da seguinte maneira:

 this.turma = {

        curso: {},

      };

Boa Rafael, fico feliz que tenha resolvido o problema.

Sempre que precisar não deixe de criar suas duvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software