vue 传值问题

Question

最近新学了vue，练习了一下组件间传值，
this.$router.push({name: 'detail', params: {userInfo: thisName}})
接受：this.msg = this.$route.params.userInfo;
但是页面刷新后这个值变成undefined，怎么回事呢？

Answer 1

把params改成query

传值：this.$router.push({name: 'detail', query: {userInfo: thisName}})
接受：this.msg = this.$route.query.userInfo;

Answer 2

应该是this.$route.params.params.userInfo,而且这也不是组件间传值啊

Answer 3

貌似这不是传值吧？

Answer 4

刷新页面重载了 何来的路由传值?
这个问题一下就想明白了吧

路由传值

params和query区别就是
query类似get请求
params类似post请求  之所以刷新页面query能取到值 是因为你url是没变化的,并不是路由传递的动作有了
根本问题,别只看表面结果

Answer 5

你这个方法是路由跳转传参数
然后路由要配置一下
请问你路由地址后面有没有/:userInfo