路由配置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}

　　　　}

 

　　　　//通过代码时候路由调转，并定位到某个元素上

　　　　路由名为：/about#abc

　　　　if (to.hash) {

　　　　　　return {

　　　　　　　　selector: to.hash

　　　　　　}

　　　　}

　　　　

　　}

})

转载于:https://www.cnblogs.com/qiuchuanji/p/8594803.html