When my data object changes (such as the state of an item affecting a button color), I find that dom actually hasn't changed.
I analyzed the source code and found that the code shown below caused the dom rendering delay issue due to setTimeout.

index.vue line 313
watch( () => props.data, (newVal, oldVal) => { ... setTimeout(scrollRender, 0); } );

I changed this to directly runscrollRender() instead of runsetTimeout, and DOM promptly rendered the latest item state.

Why usesetTimeout here?
The code in the scrollRender function not needs to wait a period of time before running.

Because in otherwatch,scrollRender is directly called, and if it is necessary to perform certain tasks after updating the DOM, vuenextTick can also be used to replacesetTimeout.
If possible, I have a suggestion:

1. ModifyscrollRender so that therenderEnd function for DOM operations is not placed in thescrollRender function.
2. Inwatch part, directly runscrollRender() , and then callawait nextTick(renderEnd)