每日一坑:vue router 使用params方式无法给子组件传参

每日一坑:vue router 使用params方式无法给子组件传参

木子李 200 2021-12-21

问题还原

使用params无法在子组件中获取路由参数

<!--示例:发送数据组件-->
...
const type = 'phone';
this.$router.push({ name: 'bind', params: { type: res.type } })
...

<!--接收端-->
...
const type = this.$route.params.type
...

问题解决

将params替换为query实现路由传参

<!--示例:发送数据组件-->
...
const type = 'phone';
this.$router.push({ name: 'bind', query: { type: res.type } })
...

<!--接收端-->
...
const type = this.$route.query.type
...