vue 首次加载加载样式问题

Question

vue 刷新页面 会有一秒左右 样式全部挤在一起（下面称为错乱的样式）。
element ui 里面默认的那个loading图标也变成了方块

一秒之后页面恢复正常

我试了试v-clock 不行

我在beforeMount打印东西发现是 错乱样式变好才打印出来的说明错乱的样式 在渲染之前他就冒出来

我有尝试整体加一个蒙层发现蒙层也是 错乱的样式出现完变好之后 蒙层才会出现才出现

Answer 1

参考GPT和自己的思路：

这个问题可能是由于样式文件加载时未能及时渲染导致的。您可以尝试将样式文件放在HTML头部或使用异步加载样式文件的方式来解决问题。此外，您也可以尝试使用Vue的过渡效果或钩子函数来延迟渲染组件，以确保样式文件能够被完全加载和渲染。最后，如果问题还未得到解决，建议您尝试调试Vue和Element UI的配置以排除任何因组件配置不正确而导致的问题。