首页 > 技术文章 > vue使用params路由传参出现undefined

karryK 2020-03-17 16:03 原文

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中
解决~

推荐阅读