Fórum Academy

Criador dilson lana coelho costa 03/07/2021

Boa noite

Vamos supor que tenho um cadastro de produtos como 5 selects diferentes que pego de outros endpoints igual nessa aula, vou ter que iniciar os 5 states no app.js ? Isso fica muito inviavel por questão de perfomance, tem alguma outra forma de fazer isso?

3 comentários

Manager Carlos Ferreira 03/07/2021

Olá, Dilson!
Tudo bem?

Não tem como fugir, se precisa dos dados para montar os select, precisa buscar em algum lugar.

Algo que pode fazer é usar o vuex (e recomendo dependendo o caso), e armazenar estes dados nele, no vuex, sendo assim assim só recupera uma única vez na API os valores e sempre que precisar novamente recupera no vuex.

Criador dilson lana coelho costa 03/07/2021

Utilizando vuex, exemplo

created () {
if(this.$store.state.Products.items.data.length == 0)
{
this.$store.dispatch('loadProducts');
}
},
computed: {
products () {
return this.$store.state.Products.items.data;
}
}
 
ai a função products preencheria os options do select
 
Se tiver errado escreva um exemplo ou me corrija

Manager Carlos Ferreira 03/07/2021

Esse o caminho mesmo amigo, verifica se os dados estão no vuex, se não tiver carrega novamente, e você sempre usa os dados do vuex para montar o select.

No LaraChat tem alguns exemplos bem legais, super recomendo esse curso também amigo.

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!