vue使用params路由传参出现undefined

params路由传参出现undefined的解决办法

router.js:
关键要写name

{ name: 'search', path: '/search', component: Search },

发送参数的组件中:
(query传参时用 path 定位,而这里用 name

this.$router.push({ name: 'search',
					params: { queryString: this.gQueryString }
				})

接收参数的组件中:

this.queryString = this.$route.params.queryString

补充:params传参页面刷新后失效;而query不会失效,参数被拼接在url中
解决~

posted @ 2020-03-17 16:03  karryK  阅读(688)  评论(0编辑  收藏  举报