目录

vue跳转不同页面的方法

1.router-link跳转

2.this.$router.push()

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

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

Vue：router-link

this.$router.push("/")

this.$router.go(1)

代码示例：

vue跳转不同页面的方法

1.router-link跳转

 点击跳转2

 


 点击跳转1

 

 点击跳转3

2.this.$router.push()

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

点击跳转5

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

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

Vue：router-link

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

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);
 }
 

代码示例：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！