为了账号安全,请及时绑定邮箱和手机立即绑定

通过v-show指令判断数组长度来控制元素显示隐藏,ajax数据还没取回来的时候造成页面闪烁

通过v-show指令判断数组长度来控制元素显示隐藏,ajax数据还没取回来的时候造成页面闪烁

隔江千里 2018-08-29 10:15:23
需求:列表如果没有数据会显示一个提示为空的图片和一行文字,数据通过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>

不会显示,直到编译结束。


查看完整回答
反对 回复 2018-10-28
  • 1 回答
  • 0 关注
  • 1285 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号