需求:列表如果没有数据会显示一个提示为空的图片和一行文字,数据通过ajax取回来的时候,显示列表。<--------------------------------------------------------->出现问题:vue中取数据是异步的,数组中的数据还没有取回来的时候,class为empty这个div会显示出来,页面会先显示这个empty的div而后才显示列表数据,造成页面会闪烁。HTML代码:data数据:ajax取数据
1 回答

桃花长相依
TA贡献1860条经验 获得超8个赞
v-cloak
这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
[v-cloak] {
display: none;
}
<div v-cloak>
{{ message }}
</div>
不会显示,直到编译结束。
添加回答
举报
0/150
提交
取消