vue3-infinite-list icon indicating copy to clipboard operation
vue3-infinite-list copied to clipboard

data改变页面没有变化

Open Aikaxiya opened this issue 2 years ago • 3 comments
trafficstars

:data="dataSource" dataSource一直在变化,是proxy对象,页面没有变化

Aikaxiya avatar Oct 19 '23 12:10 Aikaxiya

这个问题解决了没?我也遇到了

GmavionR avatar Jul 08 '24 04:07 GmavionR

Fix dom not change while data change 它在watch侦测到data变化后,调用了setTimeout来执行数据加载,这会在事件循环中,将相关函数放入宏任务队列中,会导致dom渲染的时间点结束后才执行数据加载(虽然vue的dom更新和浏览器的渲染流程难以调试证明,但是实际表现确实如此)。 可以看我提的issue来解决问题。

miyagipipi avatar Jul 31 '24 07:07 miyagipipi

Fix dom not change while data change修复数据改变时dom不改变的问题 它在watch侦测到data变化后,调用了setTimeout来执行数据加载,这会在事件循环中,将相关函数放入宏任务队列中,会导致dom渲染的时间点结束后才执行数据加载(虽然vue的dom更新和浏览器的渲染流程难以调试证明,但是实际表现确实如此)。 可以看我提的issue来解决问题。

https://github.com/tnfe/vue3-infinite-list/blob/e20a6ad67d8b5849885e8ebe30b483f486e95b4c/src/index.vue#L323 "会导致dom渲染的时间点结束后才执行数据加载" 这句话不是很理解, 这个所谓的数据加载是什么意思?

我的理解是对于 setTimeout(scrollRender, 0);setTimeout 可能会导致 vue渲染完成之后才会执行 scrollRender

GmavionR avatar Aug 27 '24 09:08 GmavionR