如何防止安装Vue3应用程序时引起的CLS？

Question

据我所知，Vue3将挂载元素的内容移动到虚拟DOM中。但是，在此过程中，挂载元素的内容消失，然后在应用程序挂载时重新显示。这导致了大量的累积布局变化。

我可以将固定高度应用于包装元素，以防止CLS，但我更愿意保持一个有机高度。

安装Vue3应用程序所导致的CLS能被阻止吗？

Answer 1

，我可以将固定的高度应用于包装元素，以防止CLS，但是我更愿意保持一个有机的高度。

在这里，min-height通常工作得很好，至少可以减少转换。如果组件覆盖全屏，那么通常可以设置一个min-height来覆盖整个屏幕，从而完全消除移位。