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 ??