编程式导航

常用的编程式导航 API 如下：

• this.$route.push('hash地址')。     //给个hash地址就能跳转到指定的页面
• this.$router.go(n).                     //为了实现前进和后退的，n是个数值，传的是1，就是历史记录中向前走一位，如果是-1，就是在历史记录中向后退一位

 

const User={

　　template:'<div><button @click="goZhuye">跳转到主页页面</button></div>',

　　methods:{

　　　　goZhuye:function(){

　　　　　　//用编程的方式控制路由跳转

　　　　　　this.$router.push('/zhuye')

　　　　}

　　}

}

 

router.push()方法的参数规则

//字符串（路径名称）

router.push('/home')

//对象

router.push({ path : '/home' })

//命名的路由（传递参数）

router.push({ name: '/user' , params : { userId : 123 } } )

//带查询参数，变成 /user?uname=lisi

router.push( { path: '/user' , query : { uname : lisi } } )