编程式导航

编程式导航就是取代router-link方法来写导航,他是运用javascript逻辑来写,这里常用的就是前进后退到某一页


1
2
3
<button @click="goForward">前进</button>
<button @click="goBack">后退</button>
<button @click="goHome">回首页</button>
1
2
3
4
5
6
7
8
9
10
11
12
methods:{
goForward:function(){
this.$router.go(1);
},
goBack:function(){
this.$router.go(-1);
},
goHome:function(){
this.$router.push('/');
//注意这里是push不是go了,然后里面写什么路径就能跳到哪了
}
}
-------------本文结束感谢您的阅读-------------