luxiaohu

使用vue构建前端应用,加载应用后页面可能会出现闪烁:

<div id="app" v-cloak>
    {{message}}
</div>

例如上述场景,应用在加载时,可能会看到:

{{message}}

 等待一会儿后,数据才会渲染进来;针对该情况,可以在【el】挂载节点上添加“v-cloak”,并在引入的css样式中添加如下代码:

[v-cloak] {
    display : none;
}

 如果还出现界面闪烁的情况,那么考虑是【display】属性被上层级的属性覆盖了,可以做如下修改

[v-cloak] {
    display : none !important;
}

 这样处理问题就可以解决了

相关文章:

  • 2021-04-13
  • 2021-11-14
  • 2022-01-24
  • 2022-12-23
  • 2021-11-09
  • 2022-01-18
  • 2021-04-12
  • 2021-10-18
猜你喜欢
  • 2021-10-06
  • 2021-09-12
  • 2021-10-26
  • 2021-08-02
  • 2021-12-19
  • 2021-10-21
相关资源
相似解决方案