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

来源:4-9 歌单列表组件开发和数据的应用

没有故事的羊小咩

2017-07-10

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

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

写回答

1回答

ustbhuangyi

2017-07-10

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

0
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程