1，误区：
如果想要this.$route.params 获取到this.$route.push()传的参数，一定要使用name属性来指定路由 不要用path属性；文章来源：https://www.toymoban.com/news/detail-539729.html
this.$router.push({ name: 'searchDeatilList', params: { id:123 } })//传参
组件中获取参数：const { id } = this.$route.params
如果使用path属性传参，那么需要 ：this.$route.query来获取(参数以问号拼接到路由后面)文章来源地址https://www.toymoban.com/news/detail-539729.html
this.$router.push({ path: '/searchDeatilList', query: {id:123} }) //传参
组件中获取：const { id } = this.$route.query
2，this.$route 和 this.$router 的区别：
-
this.\$route是路由【参数对象】，所有路由中的参数， params, query 都属于它。 -
this.\$router是一个路由【导航对象】，用它 可以方便的 使用 JS 代码,实现路由的 前进、后退、 跳转到新的 URL 地址。
到了这里，关于vue - vue中使用this.$route.params获取不到参数的原因的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
