VUE——解决跳页面跳转后新页面没有位于顶部的问题_vue项目页面跳转高度异常问题

作者：从前慢现在也慢 | 2024-03-12 12:02:36

踩

vue项目页面跳转高度异常问题

页面通过路由调转后，新页面停留的位置与上一级页面一致

在配置路由时候加上：scrollBehavior:() => ({ y = 0 }),

const router = new VueRouter({
		  scrollBehavior: () => ({ y: 0 }),
		  routes: [ ]
})
1
2
3
4

使用组件缓存时再次切换到此组件路由不触发mounted钩子函数（不知理解对与否，欢迎指正。）

但是是还有个问题依旧没有彻底克服！
比如，如果当前页面是首页，点击页面中的"首页"选项后，却依然不置顶，那么只能老老实实的增加个回到顶部了。

 toYpWebsite () {
      // this.$router.push('/ypWebsite')
      document.body.scrollTop = document.documentElement.scrollTop = 0

1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/224009

VUE——解决跳页面跳转后 新页面没有位于顶部的问题_vue项目页面跳转 高度异常问题