使用v-if隐藏元素时出现闪烁问题
v-if控制显隐,页面加载出现闪现 v-cloak
使用v-if隐藏元素时出现闪烁问题解决办法在div中加入v-cloak
<div class="mask" v-if="modelShow" v-cloak></div>
然后在css中
[v-cloak] {
display: none;
}
就OK啦~
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;
}
以上为个人经验，希望能给大家一个参考，也希望大家多多支持易知道(ezd.cc)。
