TA貢獻1818條經驗 獲得超3個贊
支持二級路由啊，我的代碼是這樣寫的。
router/index.js
const scrollBehavior = (to, from, savedPosition) => {
if (savedPosition) {
// savedPosition is only available for popstate navigations.
return savedPosition;
} else {
const position = {}
// new navigation.
// scroll to anchor by returning the selector
if (to.hash) {
position.selector = to.hash
}
// check if any matched route config has meta that requires scrolling to top
if (to.matched.some(m => m.meta.scrollToTop)) {
// cords will be used if no selector is provided,
// or if the selector didn't match any element.
position.x = 0
position.y = 0
}
// if the returned position is falsy or an empty object,
// will retain current scroll position.
return position;
}
};
let router = new Router({
mode: 'history',
scrollBehavior,
routes: [
{
path: '/detail/:id',
name: 'Detail',
component: Detail,
meta: {
scrollToTop: true
}
}
]
});
舉報