zoukankan      html  css  js  c++  java
  • 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);
    })
  • 相关阅读:
    java-day21
    java-day20
    java-day19
    java-day18
    java-day17
    java-day16
    java-day15
    java-day14
    python-day06
    java-day13
  • 原文地址:https://www.cnblogs.com/tanxiang6690/p/10233620.html
Copyright © 2011-2022 走看看