vue-router编程式导航

编程式导航

通过route提供的API进行参数的传递

使用

在组件中使用$router可以获取到路由对象

方法

方法	解释
push	进入url
replace	跳转到设置的URL，但是不会添加新记录，而是替换当前的记录
go	设置一个整数，向前或向后多少步
back	后退一步
forward	前进一步

push

router.push(跳转参数,成功回调函数,失败回调函数)
this.$riuter.push(跳转参数,成功回调函数,失败回调函数)
跳转参数：可以是对象或者是字符串

传入字符串路径

传入字符串，会被当做跳转路径进行跳转
this.$router.push(‘/home’)

传入对象

传入路由对象，这个对象包含了跳转路由需要的参数
router.push({xxx})
对象参数
  {
    name:'xxx'//路由别名
    params:{xxx:'xxx'}//跳转的路径参数
    query:{xxx:'xxx'}携带的参数，类似于get方法传参
    
  }

replace

go

根据传入的参数向前向后跳转到指定的历史记录

forward