vue.js 里刚开始数据请求延迟的话会短暂显示那个没数据的画面咋搞哦

2020-11-18 08:54:33 +08:00
 qwertyzzz
有数据
无数据

data{ list:[] }

list 是异步获取的实际有数据的 如何解决刚开始会短暂显示无数据呀

3958 次点击
所在节点    程序员
26 条回复
npe
2020-11-18 12:37:34 +08:00
骨架屏
RickyC
2020-11-18 13:52:28 +08:00
@cszchen 我一直 vue 和 jQuery 配合使用, dom 操作还是很常用的, 对我来说
qxqsxbd
2020-11-18 15:42:36 +08:00
因为你少个数据获取中的状态,类比 Promise 的三个状态 Pending (获取中)、Resolve (有数据)和 Reject (没数据)
redbuck
2020-11-18 16:43:01 +08:00
LS 加一

你需要增加一个状态
ljpCN
2020-11-18 18:10:32 +08:00
区分一下初始状态(尚未 fetch)和空状态(fetch 的结果为空),初始状态显示一个尚未获取或者显示 loading,空状态显示未获取到数据的提示。
azh7138m
2020-11-18 20:45:37 +08:00
@RickyC

vue 官方文档有写怎么处理这个问题
vue 官方文档有中文

互相讨论低质量问题只会是浪费时间

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/726489

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX