vue渲染過程的{{xxx}}顯示


這是由於瀏覽器的渲染機制導致的,瀏覽器是從頭到尾  如果你的js引用在底部,那么瀏覽器會先加載dom此時,你用於渲染的{{}}識別符,因為還沒讀到該識別符對應的js文件,所以會被解析為字符串而顯示在頁面中,我們可以用過自定義屬性v-cloak解決,

實例對象對應標簽中加入 v-cloak:

  <div id="wrap" v-cloak>

然后在css中給定義屬性選擇器 

  [v-cloak]{

  display:none

}

 

vue實例創建完成后會把v-cloak去掉,在沒創建實例對象時,該標簽內的內容都會被隱藏

 

或者我們可以通過v-text 或者 v-html標簽

v-text:<div v-text=”實例字段”></div>

v-html:<div v-html="實例字段"></div> 可以識別html代碼塊 原理是innerHTML;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM