Skip to main content
tags editadas
Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294
Fonte Link

Pegando dados do axios e vuejs

Estou com um problema bem estranho, tenho o seguinte código dentro de um componente do VueJS.

Estou desenvolvendo um sistema onde escolho as opções através de vários checkboxes, e passo o id deles para esse meu componente abaixo.

E uso o axios para fazer a requisição no banco e recuperando os dados que preciso.

Veja abaixo como está o componente.

<template>
    <div>
        <ul>
            {{ modulos_encontrados }}
        </ul>
    </div>
</template>

<script>

export default {
    props:['turmas_checked'],
    data () {
        return {
            modulos:[]
        }
    },
    computed:{
        modulos_encontrados(){
            if(this.turmas_checked.length > 0){     
                  axios.get(`/modulos/${this.turmas_checked}`)
                .then(response => {
                    this.modulos = response.data;
                });
            }
        }

    }
}
</script>

E se eu chamo o this.modulos fora do then(), eu tenho o resultado que quero, mas fica em um looping infinito, fazendo requisições através do axios, e se coloco dentro do then claro que não vai retornar nada.

Alguém sabe como posso recuperar o que quero do resultado do axios e listar dentro desse mesmo componente ??