路由配置scrollBehavior的使⽤⽅法
let router = new VueRouter({
  //点击浏览器的前进后退或切换导航触发
  scrollBehavior(to,from,savePosition){
    //to 要进⼊的⽬标路由对象要去向哪⾥
    //离开的路由对象从哪⾥来
    //savePosition //记录滚动条的坐标点击前进后退的时候记录
    //以下代码的场景为：a页⾯滚动条位置为1000，通过浏览器左上⾓的前进或后退，再返回到a页⾯时，这时候的滚动条位置不会变成0
      通过以下代码能记录下页⾯的滚动条位置，这样在重新返回页⾯的时候就能回到上次浏览的滚动条位置
    if (savePostion) {
      return savePositon;
    } else {
      return {x:0,y:0}
    }
    //通过代码时候路由调转，并定位到某个元素上
react router 方法
    路由名为：/about#abc
    if (to.hash) {
      return {
        selector: to.hash
      }
    }
  }
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。