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