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()
方法,跳转到指定的路由。