昨天下班的公车上，在找v-if控制显隐，页面加载出现闪现的问题，看到了v-cloak。一个很陌生的指令，之前完全完全没有见过（估计是我眼瞎，看文档没看齐全）
<div id="divApp">
<div v-if="type === 'A'" v-cloak>
A
</div>
<div v-else-if="type === 'B'" v-cloak>
B
</div>
<div v-else-if="type === 'C'" v-cloak>
C
</div>
<div v-else v-cloak>
Not A/B/C
</div>
</div>
需要配合如下
[v-cloak]
{
display:none;
}
参考
https://www.sunzhongwei.com/hide-vuejs-variable-with-v-cloak-when-page-loading
https://www.cnblogs.com/zhaomeizi/p/10782358.html
v-cloak使用v-cloak能够解决 插值表达式闪烁的问题[v-cloak] { display:none;}...
v-cloak、v-text 和 v-html 的使用 v-cloak 的使用 v-cloak 可以解决当网页很慢...
[v-cloak] { display:none}; /v-cloak解决vue解析闪烁问题/
使用v-cloak这个directive来解决: {{ message }} 配合以下css [v-cloak] ...
/*vue防止加载闪烁*/ v-cloak 先绑定这个指令 css [v-cloak] { display: ...
v-cloak 使用v-cloak可以解决插值表达式({{}})的闪烁问题
1、闪屏：v-if上使用v-cloak，样式中加 [v-cloak]{display:none}；2、axios的...
1，v-cloak {{ message }} 虽然已经加上了 v-cloak 但是当网速过慢时，还会显示me...
一、插值表达式 {{ msg }} 二、v-cloak, v-text, v-html v-cloak //解决插...
v-cloak指令:解决插值表达式闪烁的问题在元素上设置v-cloak，需要手动设置style display。当...
本文标题：v-cloak
本文链接：https://www.haomeiwen.com/subject/vzxiectx.html
网友评论