一车一档项目总结

• 设置开关
• 点击滚动页面滑动、滑动页面导航栏发生变化

设置开关

（1）一个页面中有一部分数据是从后台拿的，如果没有数据就显示暂无数据，但是后台请求时间比较长，一开始我只是简单的用true或者false来控制显示那一部分，我总是发现页面会先显示暂无数据，然后才显示数据，这样子就不合适，所以我想能不能先请求完数据之后判断有没有数据，再决定显示那一部分，所以我就把显示开关放在请求里，初始先把暂无数据的开关设置为false，等请求完发现没有数据就设置为true，这样子就解决了我的问题。 （2）页面的一部分数据是从后台拿的，并且还有页码，根据不同的搜索条件得到不同的数据，我发现有时候拿到了后台返回的数组，但是页面不更新，后来才发现原来是vue没有监测到，所以就用push，这样子就可以了。

点击滚动页面滑动、滑动页面导航栏发生变化

（1）点击滚动导致页面滑动：首先取得页面每个模块的offsetTop，然后用window.scrollTo()方法。 （2）滑动页面导航栏样式发生变化：首先在mounted中给页面做一个scroll监听，如果滑动就触发某个事件，注意滚动条一定要在最外面才能生效，第二步是用document.documentElement.scrollTop获取页面滚动的距离，然后根据页面距离在哪个范围再去决定页面样式。

转载于:https://juejin.im/post/5ae57648f265da0b8c24bc36