解決非工程化項目初始化頁面閃動問題

原文地址css


 

vue頁面在加載的時候閃爍花括號{}},v-cloak指令和css規則如[v-cloak]{display:none}一塊兒用時,這個指令能夠隱藏未編譯的Mustache標籤直到實例準備完畢。html

/*css樣式*/
[v-cloak] {
      display: none;
    }

<!--html代碼--> <div id="app" v-cloak> <ul> <li v-for="item in tabs">{{item.text}}</li> </ul> </div>

返回目錄

相關文章
相關標籤/搜索