vue-router编程式导航
作者:
八月飞花 | 来源:发表于
2020-06-07 10:00 被阅读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
本文标题：vue-router编程式导航
本文链接：https://www.haomeiwen.com/subject/nigxohtx.html
网友评论