本文详细介绍了在Vue.js中如何使用路由器进行声明式和编程式导航，包括动态路由传参、查询参数以及在组件中获取参数的方法，提供了完整的代码示例。
路由传参
导航：1.声明式导航
router-link 组件实现的组件跳转
2.编程式导航
通过js代码实现跳转
声明式导航传参：
动态路由传参：
规则： path：/路径/:名字（id）
调用：/路径/参数
组件中获取：this.$route.params.名字（id）
查询参数传参：
规则： path : /路径
调用：/路径？ 参数1=值 & 参数2=值
组件中获取：this.$route.query.名字(id)
编程式导航传参：
动态路由传参：
组件中获取参数：this.$route.params.id
this.$router.push('/路径/ 参数')
查询参数传参：
组件中获取参数：this.$route.query.id
this.$router.push('/路径? 参数1=值 & 参数2=值')
完整写法：this.$router.push({
path:" 路径 ",
query:{
参数1：值，
参数2：值
...
}
})
扫一扫
1073
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
