Listar Produtos por Categoria
[Finalizado Pelo Aluno]
Olá, Mestre!
Temos a action loadProducts que faz uma requisição pra api e recebe todos os Produtos cadastrados.
Como posso fazer pra criar uma página que mostre somente os Produtos da Categoria Eletrônicos, por exemplo?
Na tabela de Produtos tem o campo Categoria.
Sei que posso criar um endpoint que retorne somente esse tipo de produto e criar um módulo específico no vuex pra isso, mas tem como aproveitar essa mesma action loadProduts pra ter várias páginas exibindo produtos específicos?
Isso vai evitar de fazer vários endpoints no backend. Imagina se tenho 30 categotias diferentes...
Olá, Thiago! Tudo bem?
O que eu faria?
No backend, onde lista os produtos, permite receber um parametro com o id da categoria que deseja retornar, se tiver algo, vc filtra pela categoria, se não tiver, vc retorna todos os produtos.
Deu para entender a ideia?
Entendi sim! Ai setei a categoria que quero que sempre apareça em uma determinada página e passo ela como parâmetro conforme trecho abaixo.
Só não sei se assim é a melhor forma. kkk
<script>
export default {
created () {
this.loadProducts()
},
data () {
return {
category: 'eletronic',
}
},
computed: {
transactions () {
return this.$store.state.products.items
}
},
methods: {
loadProducts() {
this.$store.dispatch('loadProducts', {category: this.category})
},
}
}
</script>
Obrigado pela orientação!
Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!