Dovew

您现在的位置是:首页>文档内容页

文档详情

解决vue项目不明原因滚动条被记录,而我不需要这个功能,怎么取消的问题

vue
doramart 2019-05-25 00:27:02 VueJs223115
解决vue项目不明原因滚动条被记录,而我不需要这个功能,怎么取消的问题

操碎了心,直接在Router里面配置每次router跳转都把滚动条置顶或者滚滚滚滚滚到你想要的位置
这个代码来源于Vue官方提供的srollBehavior方法

//解决滚动条被记住的问题
  scrollBehavior(to, from, savedPssition){
    if(savedPssition){
      return savedPssition;
    }else{
        return {x:0,y:0}
    }
  }

部分代码

onst router = new Router({
  mode:'history',
  //解决滚动条被记住的问题
  scrollBehavior(to, from, savedPssition){
    if(savedPssition){
      return savedPssition;
    }else{
        return {x:0,y:0}
    }
  }
  ,
  routes: [
    {
      path: '/',
      name: '首页',
      component: Home,
      children: [
        {
          path: '',
          name: '系统介绍',
          component: Intro,
          meta: {