vue-router编程式导航
2020-06-07 本文已影响0人
八月飞花
编程式导航
通过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
