vue怎么取消闪烁,
摘要:本文主要介绍了在vue中使用v-if隐藏元件时闪烁问题的解决方法,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
使用v-if隐藏元素时存在闪烁问题。当页面加载时,v-if控件显示和隐藏,v-斗篷闪烁。
使用v-if隐藏元素时出现闪烁问题
解决方法:在div中添加v形斗篷。
div class= mask v-if= model show v-斗篷/div
然后在css中
[v形斗篷] {
显示:无;
}
就OK ~
v-if控制显隐,页面加载出现闪现 v-cloak
div id= divApp
div v-if=type===A v形斗篷
A
/div
div v-else-if= type=== B v-斗篷
B
/div
div v-else-if= type=== C v-斗篷
C
/div
div v-else v-斗篷
不是A/B/C
/div
/div
[v形斗篷]
{
显示:无;
}
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。