[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Rafael Lannes
Criador Rafael Lannes 30/11/2023

Fala Carlos beleza?

Então amigo surgiu um problema na hora de implementar a funcionalidade de paginação no chat do curso do LaraChat

A proposta seria fazer igual funciona hoje nos chats, ao clicar são exibidas as mensagens mais recentes e conforme o usuário for fazendo o scroll para cima, as mensagens anteriores vão sendo carregadas

Acontece que hoje é usado uma propriedade watch para ficar observando o state de mensagens do vuex e quando é alterada o scroll para baixo é realizado. Quando eu tento fazer a paginação sempre esbarro no problema do scrollTop e ele fica bugado devido ao Scroll para baixo de quando novas mensagens chegam.

Como você implementaria essa funcionalidade usando o LaraChat de base?

Obrigado!

Manager Carlos Ferreira 30/11/2023

Olá, Rafael! Tudo bem?

Neste caso, você precisa manter dois estados no vuex, um para as menagens mais novas, esse vc mantem o watch, e outro state só para as mensagens antigas, aí nele sim vc faz essa paginação infinita para exibir as mensagens anteriores.

Carlos Ferreira
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!