对于加载状态和加载错误重新加载的处理？

Question

目前的项目跟老师音乐webapp挺像的都是从各个接口异步获取数据，对于加载状态和加载错误重新加载的处理在教程上老师没细讲？ 请问对于这些状态要怎么处理？

以推荐页面为例 轮播图和歌单列表 在加载时候要有个loading 加载失败的时候各自要有重新加载的界面(界面上点击又重新加载) 还涉及各自的样式自适应 请问老师对这方面怎么做才比较合适？

Answer 1

ustbhuangyi 2017-07-10 22:08:02

部分接口有处理异常数据，比如后面章节的 suggest 检索，当没有数据的时候会展示一张没有数据的图片~ 对于推荐页面的歌单列表，是有 loading 状态的，这块往后看就知道。对于各个状态的处理，其实就是接口返回的不同数据映射到不同的 DOM 上，这恰恰就是 Vue 的优势，但至于 DOM 长什么样什么样的交互，那就看产品设计了。