1. 程式人生 > >v-cloakd的應用場景和使用方法

v-cloakd的應用場景和使用方法

使用vue構建前端應用,載入應用後頁面可能會出現閃爍:

<div id="app" v-cloak>
    {{message}}
</div>

例如上述場景,應用在載入時,可能會看到:

{{message}}

 等待一會兒後,資料才會渲染進來;針對該情況,可以在【el】掛載節點上新增“v-cloak”,並在引入的css樣式中新增如下程式碼:

[v-cloak] {
    display : none;
}

 如果還出現介面閃爍的情況,那麼考慮是【display】屬性被上層級的屬性覆蓋了,可以做如下修改

[v-cloak] {
    display : none !important;
}

 這樣處理問題就可以解決了