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