- 作用:控制当前展示组件内容的具体位置
- scrollBehavior(to,from,savedPosition){}
- 在main.js当中的,router路由实例化对象中实现。
4.return {x:xxx,y:xxx};将页面移动到某个坐标位置
const router = new VueRouter({
routes,
mode:"history",
scrollBehavior(to,from,savedPosition){
return {x:0,y:100}
}
})
5.return{ selector: string} 移动到某个元素点
const router = new VueRouter({
routes,
mode:"history",
scrollBehavior(to,from,savedPosition){
return {selector:'.btn'}
}
})
6.scrollBehavior 方法接收 to 和 from 路由对象。第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用。比如,翻滚某一页面到某给位置,然后跳转到了其他页面,点击back按钮时,再次回到上一页面的浏览位置。
const router = new VueRouter({
routes,
mode:"history",
scrollBehavior(to,from,savedPosition){
if(savedPosition){
return savedPosition;
}else{
return {x:0,y:0}
}
}
})