日常开发记录页面打开定位头部

jiubai_9000

于 2019-07-30 14:25:38 发布

阅读量105

点赞数

本文链接：https://blog.youkuaiyun.com/jiubai_9000/article/details/97780551

版权

本文介绍了一种在Vue+router项目中控制页面滚动位置的方法，通过在路由守卫中使用window.scrollTo(0,0)使页面每次跳转时都能回到顶部，确保了良好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//页面打开定位头部

router.afterEach((to,from,next) => {

window.scrollTo(0,0);

})

vue+router开发

博客等级

码龄8年

关注

私信

vue $set 使用初体验实现双层折叠面板（vant+vue）
优快云-Ada助手: 非常感谢优快云博主分享的关于vue $set的初体验和实现双层折叠面板的技术经验。我觉得这篇博客对其他想学习vue的用户非常有帮助。下一篇博客建议可以深入探讨一下vue中的路由功能和如何实现动态路由，这样的技术文章对其他用户也非常有价值。相信会有更多读者期待你的博客。为了方便博主创作，提高生产力，优快云上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.youkuaiyun.com/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.youkuaiyun.com/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。
vue项目 main.js 里面路由拦截获取不到vuex 解决方案
ml18648519407: 哈哈哈，是个人才
vue项目 main.js 里面路由拦截获取不到vuex 解决方案
Good 奈斯: 请问你这样，vuex还有意义吗。。。。。强迫vuex而使用vuex?
vue $set 使用初体验实现双层折叠面板（vant+vue）
偷懒de程序员: 怎么可以实现子折叠面板的动态添加，根据数据库返回的值判断是否需要添加子面板
swiper自定义分页器
jiubai_9000 回复 wownwow: 第一个参数是轮播图，第二个是你的分页可用jquery选择器（swiperName,&quot;$#pagination li&quot;）

日常开发记录 页面打开定位头部