fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

vue中使用插值表达式,页面闪烁问题你是怎么解决的?

Open habc0807 opened this issue 4 years ago • 2 comments

habc0807 avatar Jul 31 '20 01:07 habc0807

在根节点处使用 v-cloak指令 当页面加载完成时 vue会将页面所有v-cloak指令移除

Mr-duan avatar Jul 31 '20 02:07 Mr-duan

说下用 v-cloak 无效的情况:

如果我们使用的[v-cloak]放到css文件,通过 @import 来加载的,就会导致 v-cloak 无效,是因为 @import 是在页面 DOM 完全载入后才会进行加载的。

解决方案:将 [v-cloak] 写在 link 引入的 css 中,或者写一个内联 css 样式。

habc0807 avatar Jul 31 '20 10:07 habc0807