javascript - 在使用vue-router切换页面的时候滚动条没有自动到顶部

问题描述

问 题

在从第一个页面切换到第二个页面的时候 滚动条没有回到顶部而是保持了下来，是怎么回事

这是app.vue

<template>
  <div id="app">
    <transition name="fade">
      <router-view></router-view>
    </transition>
  </div>
</template>

解决方案

history 模式下，用scrollBehavior 方法实现，贴出代码如下。
可参考：https://router.vuejs.org/zh-c...

export default new Router({
  mode: 'history', 
  routes: routeArray,
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})

这篇关于javascript - 在使用vue-router切换页面的时候滚动条没有自动到顶部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！