1. 程式人生 > >Vue中的插值閃爍問題

Vue中的插值閃爍問題

     使用{{}}方式在網速較慢時會出現問題。在資料未載入完成時,頁面會顯示出原始的{{}},載入完畢後才顯示正確資料,我們稱為插值閃爍。 尤其在網速比較慢的時候比較明顯。

【解決方案】使用v-textv-html指令來替代{{}}

  • v-text:將資料輸出到元素內部,如果輸出的資料有HTML程式碼,會作為普通文字輸出,推薦使用v-text
     
  • v-html:將資料輸出到元素內部,如果輸出的資料有HTML程式碼,會被渲染。