vue 刷新页面 会有一秒左右 样式全部挤在一起(下面称为错乱的样式)。
element ui 里面默认的那个loading图标也变成了方块
一秒之后页面恢复正常
我试了试v-clock 不行
我在beforeMount打印东西发现是 错乱样式变好才打印出来的说明错乱的样式 在渲染之前他就冒出来
我有尝试整体加一个蒙层发现蒙层也是 错乱的样式出现完变好之后 蒙层才会出现才出现
参考GPT和自己的思路:
这个问题可能是由于样式文件加载时未能及时渲染导致的。您可以尝试将样式文件放在HTML头部或使用异步加载样式文件的方式来解决问题。此外,您也可以尝试使用Vue的过渡效果或钩子函数来延迟渲染组件,以确保样式文件能够被完全加载和渲染。最后,如果问题还未得到解决,建议您尝试调试Vue和Element UI的配置以排除任何因组件配置不正确而导致的问题。
看看你的加载的先后顺序,以及样式设置的代码
这可能是由于Vue的异步渲染机制导致的。在刷新页面时,Vue会先清空页面上的内容,然后重新渲染。由于渲染是异步的,因此在渲染完成之前,页面上可能会出现一些混乱的样式。为了解决这个问题,可以尝试使用Vue的transition组件或者在页面上添加一个loading组件来遮盖混乱的样式,直到渲染完成为止。另外,也可以尝试使用Vue的nextTick方法来确保在渲染完成后再执行一些操作。
参考于:Cursor