如何防止在挂载Vue3应用程序时导致CLS?

cvxl0en2  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(204)

据我所知,Vue3将挂载元素的内容移动到虚拟DOM中。然而,在此过程中,挂载元素的内容消失,然后在应用挂载时重新出现。这导致了显著的累积布局偏移。
我可以应用一个固定的高度 Package 元素,以防止CLS,但我更喜欢保持一个有机的高度。
可以防止安装Vue3应用程序导致的CLS吗?

ippsafx7

ippsafx71#

我可以应用一个固定的高度 Package 元素,以防止CLS,但我更喜欢保持一个有机的高度。
min-height通常在这里工作得很好,至少可以减少偏移。如果组件覆盖了整个屏幕,那么通常可以设置min-height来覆盖整个屏幕,从而完全消除偏移。

相关问题