解決vue語法會有延遲加載顯現{{xxx}}的問題

發布時間: 2019-11-14 13:32:14 來源: 互聯網 欄目: JavaScript 點擊:

今天小編就為大家分享一篇解決vue語法會有延遲加載顯現{{xxx}}的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

在使用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 標簽直到實例準備完畢。實測效果很棒!

推薦大家使用阿里云,點擊此鏈接可以領取1000元優惠券,如果你是學生還能加入云翼計劃獲得9.9元一個月的虛擬機優惠。

以上這篇解決vue語法會有延遲加載顯現{{xxx}}的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持我們。

本文標題: 解決vue語法會有延遲加載顯現{{xxx}}的問題
本文地址: http://www.leskzw.tw/wangluo/javascript/286349.html

如果認為本文對您有所幫助請贊助本站

支付寶掃一掃贊助微信掃一掃贊助

  • 支付寶掃一掃贊助
  • 微信掃一掃贊助
  • 支付寶先領紅包再贊助
    聲明:凡注明"本站原創"的所有文字圖片等資料,版權均屬編程客棧所有,歡迎轉載,但務請注明出處。
    layui清除radio的選中狀態實例關于vue.js中實現方法內某些代碼延時執行
    Top 广东好彩1中奖规则