vue 渲染頁面的時候 出現閃爍問題的解決辦法


在使用vue綁定數據的時候,渲染頁面時會出現變量閃爍

<div id="h_cameraman" v-cloak>

  <public-nav>

    {{ msg }}

  </public-nav>

</div>

加載的時候就會看到 {{msg }}

解決辦法: 給最外層的標簽 加上  v-cloak 

css里面:[v-cloak]{

      display:none;
    }

 

ps: 有時候可能沒有用   可能是   [v-cloak]{ display:none;} 的層級被覆蓋掉了 , 你需要提高它的層級  [v-cloak]{ display:none !important ;} ,也有可能你把它放進了 @import 引入的css文件中 , 它放在@import引入的文件的是沒有作用的,你可以放在link引入的文件來使用,或者直接寫在頁面的<style></style>標簽中!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM