<style> [v-cloak] { /*为了解决列表渲染变量闪烁的问题,需要配合el挂载的标签使用,在el挂载的标签上加上v-cloak*/ display: none; }
</style>
<div id="boxVue" v-cloak></div>
今天在使用vue进行数据渲染的时候发现当我不停的按F5刷新的时候出现了{
{message}}的情况。经过多方查找我知道了要解决这个问题需要添加v-cloak指令,这时有一个问题困扰了我很久,我明明按照大家所说的加了v-for为什么还是没有用。后来折腾了很久才发现原因,先不说为什么,看看代码来:
在html中:
1
2
3
|
<
ul
v-for
=
"item in person"
>
<
li
v-cloak>{
{item.name}}</
li
>
</
|