sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

解决html页面或vue页面初始进入时页面闪烁。出现{{}}数据的现象
https://blog.csdn.net/weixin_44463883/article/details/107246912

在html页面引用vue.js时出现闪烁{{}}未加载数据以及默认样式,初始一进来闪动太丑了,使用v-cloak完全不起作用,找了很久,发现下面这个方法可行

在页面最外层div上加上下面这段语句:

<div id='app'  style="display: none;" :style="{display: 'block'}">
  • 1

可以生效的原因是:style只有vue渲染的时候才识别,在此之前style=“display: none;” 让页面不显示。vue渲染后,:style="{display: ‘block’}"有让页面显示出来。亲测有效。

posted on 2022-03-22 22:32  sunny123456  阅读(650)  评论(0编辑  收藏  举报