vue-cli跳转到新页面的顶部

我这里有两种方法都是可以用的

1,利用vue-router的默认模式hash,可以记录上一页的位置,如果需要点话,如果没有记录,在进入新页面的时候是返回到新页面的最顶部的

    scrollBehavior (to, from, savedPosition) {
        console.log('这里是1:',to, from, savedPosition);
        /*
        * 如果有记录位置,进入新页面的时候滚动到记录的位置
        * 如果没有记录位置,进入新页面的时候就在最顶部
        */ 
        if(savedPosition) {
            return savedPosition;
        } else {
            return { x: 0, y: 0 };
        }
    }

2,直接利用JavaScript的window的方法便可。

router.afterEach((to, from, next) => {
    window.scrollTo(0,0);
})

 

posted @ 2019-01-07 15:40  谭翔随笔  阅读(449)  评论(0编辑  收藏  举报