CSS:
[v-cloak] { display: none; }
HTML :
<div v-cloak> {{ message }} </div>
其中
v-cloak官方解釋:
這個指令保持在元素上直到關聯實例結束編譯。和 CSS 規則如[v-cloak] { display: none }
一起用時,這個指令可以隱藏未編譯的 Mustache 標簽直到實例准備完畢。
也可以加載父元素上
CSS:
[v-cloak] { display: none; }
HTML :
<div v-cloak> {{ message }} </div>
其中
v-cloak官方解釋:
這個指令保持在元素上直到關聯實例結束編譯。和 CSS 規則如[v-cloak] { display: none }
一起用時,這個指令可以隱藏未編譯的 Mustache 標簽直到實例准備完畢。
也可以加載父元素上
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。