方式一:普通用法,vue2.0也可用
// 一般方式路由拦截
export default {
// 组件守护器
beforeRouteEnter(to, from, next) {
// A跳转到B,B页面停留在A页面的滚动位置;解决方法:将scrollTop设置为0
window.scroll(0, 0);
next();
},
setup(){
}
}
用法如图:
方式二: setup 语法糖时
// setup语法糖里的路由拦截
defineOptions({
// name: '***',
beforeRouteEnter(_to, _from, next) {
window.scroll(0, 0);
next();
}
})
用法如图: