解決列表渲染時閃爍的問題

id=
"boxvue" 
v-cloak
>
>

今天在使用vue進行資料渲染的時候發現當我不停的按f5重新整理的時候出現了}的情況。經過多方查詢我知道了要解決這個問題需要新增v-cloak指令，這時有乙個問題困擾了我很久，我明明按照大家所說的加了v-for為什麼還是沒有用。後來折騰了很久才發現原因，先不說為什麼，看看**來：

在html中：

<ulv-for="item in person">

<liv-cloak>}

在css中:

[v-cloak]:

在script中：

varvm =newvue(,

,

]

}

})

最開始是沒有css樣式，當我發現我不斷的重新整理的時候頁面上會出現}一閃而逝,這時我在li上面新增了v-cloak指令，並新增了css樣式。此時，我發現還是會有閃爍，我發現他根本沒有執行css的樣式。

現在大家應該都猜到原因了吧，因為我是在for迴圈裡面新增的v-cloak。之前查的資料是直接使用。

css:

[v-cloak]:

html:

<divv-cloak>}

看到別人的寫法以後我就以為是直接在要渲染的該標籤新增指令，這也導致了我的v-cloak一直沒有起到作用。最後，我把v-cloak新增到了v-for上，一切終於變得正常了。

<ulv-for="item in person"v-cloak>

<li>}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援指令碼之家。