vue小知识点

lifanyu123

于 2018-06-28 15:20:58 发布

阅读量100

点赞数

本文链接：https://blog.csdn.net/lifanyu123/article/details/80843858

版权

1、解决路由跳转时，页面滚动到顶部

这个功能只在支持 history.pushState 的浏览器中可用

 
   export 
   default 
   new 
   Router({ 
  
    routes: [ 
  
    { 
  
    path: 
   '/safety', 
  
    name: 
   'safety', 
  
   component: 
   resolve 
   => 
   require([ 
   '../page/informationservice/safety.vue'],resolve), 
  
    children:[ 
  
    { 
  
    path: 
   '/detail', 
  
    name: 
   'safetydetail', 
  
   component: 
   resolve 
   => 
   require([ 
   '../page/informationservice/safety/detail.vue'],resolve) 
  
    } 
  
    ] 
  
    }, 
  
    { 
  
    path: 
   '*', 
  
    redirect: 
   '/safety' 
  
    } 
  
    ], 
  
   scrollBehavior( 
   to, 
   from, 
   savedPosition){ 
  
   return {x: 
   0,y: 
   0} 
   //页面滚动到顶部 
  
    } 
  
    })