您好,登錄后才能下訂單哦!
在使用Vue寫應用時發現一個問題,每當進入一些有延時的(如網絡API請求)操作時,會先閃一下未編譯的 Mustache 標簽{{ message }},這讓人很不爽。
在官網找到了解決方案:v-cloak
參照官網做法:
定義[v-cloak]的style
<style> [v-cloak] { display: none; } </style>
使用了Mustache標簽的地方加上v-cloak
<div v-cloak>{{ message }}</div>
這樣,Vue就可以隱藏未編譯的 Mustache 標簽直到實例準備完畢。實測效果很棒。
以上這篇解決Vue.js由于延時顯示了{{message}}引用界面的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。