vue - vue中使用this.$route.params获取不到参数的原因
1，误区：
如果想要this.
r
o
u
t
e
.
p
a
r
a
m
s
获取到
t
h
i
s
.
route.params 获取到this.
route.params获取到this.route.push()传的参数，一定要使用name属性来指定路由 不要用path属性；
this.$router.push({ name: 'searchDeatilList', params: { id:123 } })//传参
组件中获取参数：const { id } = this.$route.params
如果使用path属性传参，那么需要 ：this.$route.query来获取(参数以问号拼接到路由后面)
this.$router.push({ path: '/searchDeatilList', query: {id:123} }) //传参
组件中获取：const { id } = this.$route.query
2，this.
r
o
u
t
e
和
t
h
i
s
.
route 和 this.
route和this.router 的区别：
this.$route 是路由【参数对象】，所有路由中的参数， params, query 都属于它。
this.$router 是一个路由【导航对象】，用它 可以方便的 使用 JS 代码,实现路由的 前进、后退、 跳转到新的 URL 地址。
原文地址：https://blog.csdn.net/weixin_43859511/article/details/144023446
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！