vue3配置跳转到新的路由界面的位置
import { createRouter, createWebHashHistory } from 'vue-router'
// vue2.0 new VueRouter({}) 创建路由实例
// vue3.0 creatRouter({}) 创建路由实例
const router = createRouter({
// 使用hash的路由模式
history: createWebHashHistory(),
routes,
// 每次切换路由的时候滚动到页面顶部
scrollBehavior () {
// vue2.0 x y 控制
// vue3.0 left top 控制
return { left: 0, top: 0 }
}
})
vue2配置跳转到新的路由界面的位置
import VueRouter from 'vue-router'
Vue.use(VueRouter)
//3、需要向外暴漏一个路由器的对象
const router= new VueRouter({
routes,
//配置滚动行为,跳转到新的路由界面滚动条的位置
scrollBehavior () {
return { x: 0, y: 0 }
}
})