vue跳转页面的几种常用方法-个人在线分享

vue跳转不同页面的方法

1.router-link跳转

2.this.$router.push()

3.a标签可以跳转外部链接，不能路由跳转

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

Vue：router-link

this.$router.push(“/”)

this.$router.go(1)

代码示例：

vue跳转不同页面的方法

接收：this.$route.query.serid 和 this.$route.params.setid

[跳转到主页]
[登录]
[登出]
this.$router.push(“/”);

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

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

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