vue三种不同方式实现页面跳转

router-link

 [跳转到主页]
 [登录]
 [登出]

this.$router.push("/");


________________________________________
export default {
   name: "App",
   methods: {
     // 跳转页面方法
       goHome() {
       this.$router.push("/");
    },
}

this.$router.go(1);

 
 
______________________________

     upPage() {
      //  后退一步记录,等同于 history.back()
      this.$router.go(-1);
    },
 
    downPage() {
      // 在浏览器记录中前进一步,等同于 history.forward()
      this.$router.go(1);
    }

页面回退

router.push(location) history中会有记录
router.replace(location) history中不会有记录
router.go(n) 在history记录中向前跳转几页或者向后几页

你可能感兴趣的:(vue三种不同方式实现页面跳转)