1. 首页
  2. 编程语言
  3. Javascript
  4. vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)

vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)

上传者: 2021-09-10 18:33:32上传 PDF文件 75.11 KB 热度 11次

在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如在加载的时候会看到在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可以解决这个问题,v-cloak那么,v-cloak要放在什么位置呢,是不是每个需要渲染数据的标签都要添加这个指令,经过试验发现,v-cloak并不需要添加到每个标签,只要在el挂载的标签上添加就可以,而且,在css里面要添加这样就可以防止页面闪烁了。为了避免这种情况,我们可以将 [v-cloak] 写在 link 引入的 css 中,或者写一个内联 css 样式,这样就得到了解决。

用户评论