当前位置:   article > 正文

解决请求数据渲染时候,短暂闪烁问题_vue3onmounted 请求数据控制按钮显隐出现闪烁

vue3onmounted 请求数据控制按钮显隐出现闪烁

我用的原生html文件写的页面,当刷新页面时候,会短暂闪烁如图

解决方法  在el挂载的标签上绑定vue的v-cloak 指令 并写对应的css样式

[v-clok]{

display:none !important

}

然后刷新页面,问题就迎刃而解了

出现这个问题的原因:由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template,

所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。而对于IE7,8这类解析稍慢的浏览器大部分情况下是不会出现这个问题的。(别处借来的)

今天又是长脑子的一天,挺有意思的,不喜勿喷,谢谢

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号