search

optidatacloud / vue-advanced-chat

A beautiful chat rooms web component compatible with all Javascript frameworks
https://antoine92190.github.io/vue-advanced-chat/
MIT License
4 stars 0 forks source link

perf: use vue virtual scroller in large amount of data #1

Open marconiryan opened 1 year ago

marconiryan commented 1 year ago

https://vuejs.org/guide/best-practices/performance.html#general-optimizations

marconiryan commented 1 year ago

Vou deixar essa issue por enquanto no backlog.

Consegui fazer funcionar mas não aplicou o reaproveitamento do elemento. Para todos os N elementos foi aplicado o <div class="vue-recycle-scroller__item-view" style="transform: translateY(0px) translateX(0px);">. O que era esperado era aplicar apenas para uma parte de N elementos.

Eu acredito que tenha acontecido isso pois biblioteca para Vue 3 está em beta ainda.