1

Estou tentando atualizar um metodo de um component filho, mas até agora não tive solução, minha questão é a seguinte.

Dentro do Header.vue, eu exibo as horas pendentes

<span>
    <b>{{Hours}}</b> horas pendentes
</span>

    hours(){                
  axios.get(`http://localhost:83/Pendencia/HorasPendentes/${this.$localStorage.get('RecursoId')}`)
    .then(res => {
    this.Hours = res.data.Retorno
  })
    .catch(err => console.log(err))
}

Agora no meu arquivo Pendencia.vue, eu acho uma API, e no retorno dessa API chamada no Pendencia.vue gostaria de chamar novamente a API do Header.vue.

1 Resposta 1

3

Você pode usar o $children para encontrar um componente filho e assim acessar todos os seus data, methods, etc..

Tente criar da seguinte forma:

const componenteFilho = this.$children.find(component => component.$options.name === "Nome_do_componente_filho");

componenteFilho.funcao_da_Api()

Então use isso em um method , mounted ou de alguma forma melhor para você ;)

6
  • Eu consigo usar isso mesmo na minha questão (que talvez eu não tenho explicado direito). Eu uso Nested Routes, ai o Pendencias faz parte do Dashboard, e o Header, está sendo chamado no Dashboard e não no Pendencia, desculpe não ter explicado isso antes. 13/03/2018 às 13:59
  • Não consegue encontrar o componente Header a partir do Pendencias é isso? 13/03/2018 às 14:05
  • Sim, eu usei o seu codigo, dando um console.log(this.$children.find(component => component.$options.name === "Header")) e me retornou undefined 13/03/2018 às 14:07
  • 1
    entendi, então os dois componentes são filhos do Dashboard. No caso vc pode voltar pro pai e procurar o componente filho: this.$parent.$children.find(component => component.$options.name === "Header") 13/03/2018 às 14:25
  • Funcionou, valeu 13/03/2018 às 14:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .