vue-router

在嵌套路由中我们经常会遇到父路由向子路由里面传递参数，传递参数有两种方法，通过 query 或者 params

1.通过query

:to="{ path:'/home/game', query: { num:  1} }"

:to="{ path:'/home/game', query: { num:  1} }"

this.$route.query.num


2.通过params

不在url显示

to="{ name:'game1', params: {num: 123} }


this.$route.params.num

在url显示

另外通过to="/home/game/123"也能实现params获取参数

路由配置：params传值是通过 :[参数值] 如path: "/home/game/:num"

参数获取：game.vue 在子路由中，通过 this.$route.params.参数名来接受传递过来的值

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容