Performance issue when update waterfall items

[tomdong]

I'm using this component to build a gallery, it works well.
here is how I'm using the component:

  <waterfall
    class="waterfall-view"
    :line-gap="cardSizeInfo.lineGap"
    :min-line-gap="cardSizeInfo.minLineGap"
    :max-line-gap="cardSizeInfo.maxLineGap"
    align="center"
    :watch="itemList"
    ref="waterfallGallery"
    :style="minHeight">
    <waterfall-slot :style='waterfallSlotStyle'
      v-for="(imgData, index) in itemList"
      :width="imgData.width"
      :height="imgData.height"
      :order="index"
      :key="index">
      <card-item
        :itemData="imgData"
        :key="index">
      </card-item>
    </waterfall-slot>

(the component card-item is my component to display image, I also tried removing the image from the card-item component, but still see the issue)

Sometimes, there might be too many items in the waterfall component.
I found it will be very slow when the previous item-collection was big.

For example, if there has been 10,000 items in the waterfall.
If I want to clear the waterfall by setting the item-collection to empty, it will take more than 25s to clear the waterfall.
(I'm using an i7 cpu on windows).

Any suggestion or comments?

Thanks you!