Using KeepAlive when the DOM is large will cause lag #12328
Unanswered
HaceraI
asked this question in
Help/Questions
Replies: 1 comment
-
It would help if you considered paginating the data. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Vue version
v3.5.12
Link to minimal reproduction
https://play.vuejs.org/#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
Steps to reproduce
Load records
button in Table 1Table 2
and click theLoad records
button againWhat is expected?
Reduce latency
What is actually happening?
There is a little lag
System Info
Any additional comments?
You can turn on devtools performance logging.
Since the example does not rely on any UI library, I increased the number of records. When used in conjunction with a UI library, it may be more obvious:
video1.webm
Beta Was this translation helpful? Give feedback.
All reactions