tangbc / vue-virtual-scroll-list

⚡️A vue component support big amount data list with high render performance and efficient.

Home Page:https://tangbc.github.io/vue-virtual-scroll-list

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

dynamic size error when the item have random height

nguyenleminhdev opened this issue · comments

in my data component:

<template>
  <div class="item">    
    <div class="id"  :style="{ height: `${getRandomInt(290, 300)}px` }">
      {{  source.text  }}
    </div>
  </div>
</template>

height of div in my component is dynamic, and when i scroll, the view is "blink".

it seems that the logic of library to get the height of the div "item" is run before the logic when vue set style height.

so please help me, many thanks

I try to use vue-virtual-scroller and it seems it has the similar issue. Just in case you want to change the lib to create a virtual scroll.