1、定制路由行为
定制路由行为,可以在不同路由切换的时候,页面自动滚回到页面顶部,而不是停留在原先的位置
如何配置:vue-router支持scrollBehavior配置项,可以指定路由切换时的滚动位置
简单来说就是去router目录下的index.js文件,在对应位置添加以下代码即可
//路由滚动行为控制
scrollBehavior(){
return {
top:0
}
}
如图:
定制路由行为,可以在不同路由切换的时候,页面自动滚回到页面顶部,而不是停留在原先的位置
如何配置:vue-router支持scrollBehavior配置项,可以指定路由切换时的滚动位置
简单来说就是去router目录下的index.js文件,在对应位置添加以下代码即可
//路由滚动行为控制
scrollBehavior(){
return {
top:0
}
}
如图: