vue跳转页面的几种常用方法

2024-01-28 01:03:25 作者:欧亿体育

目录

vue跳转不同页面的方法

1.router-link跳转

2.this.$router.push()

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

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

this.$router.push("/")

this.$router.go(1)

代码示例:

vue跳转不同页面的方法

1.router-link跳转



 

 


 

 

 

2.this.$router.push()


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

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

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

 [跳转到主页]
 [登录]
 [登出]
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);
 }
 

代码示例:


 

在线咨询 拨打电话

电话

010-67916526

微信二维码

微信二维码