Vue------this.$router.back()、this.$router.go()的异同

返回上一个页面：

1.$router.back()
2.$router.go()

区别点在于：

go(-1): 原页面表单中的内容会丢失；
this.$router.go(-1)：后退+刷新；
this.$router.go(0)：刷新；
this.$router.go(1) ：前进
 
back(): 原页表表单中的内容会保留；在返回界面传递参数；
this.$router.back():后退 ；
this.$router.back(0) 刷新；
this.$router.back(1)：前进

this.$router.back()在返回界面传递参数：

from.vue (当前页面)
-------------------------------------
 this.$route.params.user = "123";
 this.$router.back();

to.vue (上一个页面)
-------------------------------------
  beforeRouteEnter(to, from, next) {
    this.preRouter = from.name;
    if (from.name === "From") {
      this.user = from.params.user;
    }
    next();
  },
   created() {
    if (this.preRouter === "From") {
      console.log("params:"+ this.user);
    }
  },

总结：两者各有千秋。归纳下就是，

back方法适合返回时页面保留数据不清空表单数据和能返回时去拿到前个页面的参数

go方法的话原页面表单数据会被清空掉；具体实现可自行尝试，看效果！

描述有问题直接评论哈，我随时纠正！！！

最后

以上就是大胆犀牛为你收集整理的Vue------this.$router.back()、this.$router.go()的异同的全部内容，希望文章能够帮你解决Vue------this.$router.back()、this.$router.go()的异同所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。