vue路由返回上一页

在Vue中,可以使用$router.go(-1)方法返回上一页。这个方法会让路由回退到上一个历史记录,相当于浏览器的后退按钮。

例如,在一个按钮的点击事件中,可以使用以下代码返回上一页:

methods: {
  goBack() {
    this.$router.go(-1);
  }
}

在模板中,可以使用<router-link>组件来创建一个返回按钮:

<router-link tag="button" @click.native="$router.go(-1)">返回</router-link>

这个按钮会触发$router.go(-1)方法,返回上一页。

除了使用$router.go(-1)方法返回上一页,还可以使用$router.push()方法跳转到指定的路由。这个方法会将新的路由添加到历史记录中,可以通过浏览器的前进按钮返回到新的路由。

例如,在一个按钮的点击事件中,可以使用以下代码跳转到指定的路由:

methods: {
  goToPage() {
    this.$router.push('/page');
  }
}

在模板中,可以使用<router-link>组件来创建一个跳转按钮:

<router-link tag="button" to="/page">跳转</router-link>

这个按钮会触发$router.push()方法,跳转到指定的路由。