路由滚动行为---实现切换路由时 返回顶部 功能

路由滚动行为—实现切换路由时 返回顶部 功能

src/router/index.tsroutes同级:

// 路由滚动行为
  scrollBehavior() {
    // 注意事项:
    //    vue3 返回顶部用 { top: 0 }
    //    vue2 返回顶部用 { y: 0 }
    return {
      top: 0, // 切换路由时,始终返回顶部
      behavior: 'smooth', // 更丝滑的滚动行为
    };
  },

你可能感兴趣的:(前端性能优化,Vue,前端,typescript,vue.js)