問題：使用VUE時，頁面加載瞬間，會閃現(xiàn)模板語法，例如{{ item.name }}等

解決辦法：

1、可以通過VUE內(nèi)置的指令v-cloak解決這個問題（推薦）

具體實現(xiàn)：

<ul v-cloak v-for="item in items">

<li>{{ item.name }}</li>

</ul>

CSS中添加

[v-cloak]{ display: none; }

在vuejs指令中有?v-cloak?，這個指令保持在元素上直到關(guān)聯(lián)實力結(jié)束編譯。和CSS規(guī)則如?[v-cloak]{display:none}?一起用時，這個指令可以隱藏未編譯的Mustache標(biāo)簽直到實例準(zhǔn)備完畢。用法如下：

[v-cloak]{display:none; } <div v-cloak>{{message}}</div>

這樣?<div>?不會顯示，直到編譯結(jié)束

2、可以在需要編譯的元素前后加上<template></template>

3、通過切換需要編譯元素的display屬性，最開始設(shè)為none，請求完數(shù)據(jù)后設(shè)為block

4、VUE前置加載

總結(jié)

以上是生活随笔為你收集整理的vue加载时闪现模板语法-处理方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。