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

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

Answer 4

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