在获取到数据之前,内容是一片空白的。
取到数据之后,才会将数据填充进去,在这期间会出现闪烁的现象。
解决办法:使用v-cloak
html结构如下:
<ul v-cloak> <li v-for="(item, index) in 10" :key="index">{{item}}</li> </ul>
第一步,在闪烁元素的最外层添加上一个v-cloak
第二步,CSS代码
// 在填充数据之前隐藏 [v-cloak] { display: none; }
这里的意思是,在模板初始化钱,隐藏带有v-cloak的标签。