vue路由跳转之后页面停留在上一个浏览页面位置不会回到顶部

程序媛养成记

已于 2022-01-26 09:18:06 修改

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue.js javascript 前端

于 2022-01-26 09:16:20 首次发布

本文链接：https://blog.youkuaiyun.com/cxy980626/article/details/122695453

本文介绍了如何解决Vue.js应用中路由切换后页面滚动位置保持在之前位置的问题。在App.vue组件中添加相应代码，确保每次路由变化时页面会滚动到顶部。

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

在App.vue中添加如下代码：

watch: {
   
    $route: function (to, from) {
   
      if(from.name == 'pLindex'){
   
        document