vue怎么取消闪烁,

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: