路由的传参有哪些?

发布时间:2024年01月03日

路由传参

导航: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:值

????????????????????????...

????????????????}

????????})

文章来源:https://blog.csdn.net/m0_56713342/article/details/135372355
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。