Vue.js中使用v-if控制显示隐藏,但是js代码没加载完成时,需要隐藏的元素会出现,造成页面闪烁。

220 阅读1分钟

1. 问题

开发的时候遇到,每次重新加载页面的时候,会出现隐藏的dialog,需要一段时间才会隐藏,后面查找资料发现是js代码没加载完成,造成这样的现象

2. 解决:

需要在需要隐藏的元素上加入v-cloak

image.png

并且需要增加样式

image.png