在vue项目中 遇到一个问题

Question

当我在首页点击课程的时候 课程是有目录的，比如我在首页点击了目录10，然后跳转到播放页面，播放页面也有目录，这个时候 我在首页点击的10 高亮然后滚动到顶部 如何实现

Answer 1

点击了高亮可以使用a:visited，回到首页的时候滚到顶部。是使用了keep-alive吗，那在activated方法里面写个方法滚到顶部就行

Answer 2

捕获路由变化时机：

• 单页面中用了vue-router, 可以在页面中 watch $route，手动匹配目录path
• 在生命周期钩子里面， 获取window.location.href, 手动匹配目录path

效果实现：

• 目录10高亮：添加对应的class，
• 滚动到顶部： scrollingContainer.scrollTo({top:xx})实现。