0
点赞
收藏
分享

微信扫一扫

scrollBehavior函数:控制页面跳转时滚轮置顶

程序猿不脱发2 2022-03-12 阅读 27

滚动行为官网文档

scrollBehavior 函数接收 to和 from 路由对象。第三个参数 savedPosition,只有当这是一个 popstate 导航时才可用(由浏览器的后退/前进按钮触发)。

该函数可以返回一个 ScrollToOptions 位置对象,表示期望滚动到哪个位置
如下,将下面的代码写在项目中配置的router。表示进入页面后置顶。

import  routes from './routes'


const router = createRouter({
  routes,//routes是引入的,里面是路由和组件信息
  // 注:scrollBehaviorhe和routes是平级的
  scrollBehavior(to, from, savedPosition) {
    // 始终滚动到顶部
    return { top: 0 }
  },
})
举报

相关推荐

0 条评论