使用v-if隐藏元素时出现闪烁问题
不靠谱的作曲家 人气:0使用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; }
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
加载全部内容