vue 切换“页面”(路由)时保持滚动条回到顶部
vue项目做pc端的时候,发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置,这是由于vue是单页面应用,只是更换了路由内容,还在当前页面滚动条是不会回到顶部的。解决办法是在切换路由的时候,将滚动条复位为0。在App.vue文件下,添加watch事件,全局监听路由,亲测有效。components:{publicTop,publicFooter,},// 使用watch 监听K...
·
vue项目做pc端的时候,发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置,这是由于vue是单页面应用,只是更换了路由内容,还在当前页面滚动条是不会回到顶部的。
解决办法是在切换路由的时候,将滚动条复位为0。
由于是vue+webpack项目,找到入口切换路由的页面App.vue文件下,添加watch事件,全局监听路由。
// 使用watch 监听$router的变化,
watch: {
'$route': function(to,from){
document.body.scrollTop = 0
document.documentElement.scrollTop = 0
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)