html刷新页面时出现闪烁

2,708 阅读1分钟

这几天写项目遇到这样一个问题,在火狐浏览器刷新的时候,会有闪烁的样式出现;在谷歌浏览器是正常的。

于是开始查询之路,哈哈,终于找到了解决方案,如下:

<style>  [v-cloak] {    display: none;  }</style>

<div id="talk" v-cloak>  ...</div>

但是呢,这样子虽然是解决了不闪现的问题,但是又出现了进入页面之后这几个元素会一直处于display:none的状态,于是

 let txt = document.getElementById("talk"); txt.style.cssText=' display: inline';

这样就达到了想要的效果了。