vue-router params无法传参的问题

来源:互联网 发布:软件无线电原理与技术 编辑:程序博客网 时间:2024/05/22 14:14

最近需要使用router 的params传参,原来使用的是query传参,因为参数太多,而且query传参可以在地址栏看到,所以想要使用params传参。

这是我开始写的代码:

this.$router.push({          path:'Test',          name:"Test",          params:{                       name: this.formLine.qudao          }

这样是可以跳转到另外一个页面的,但是参数取不到,控制台输出的router是这样的:

 {    path:'Test',    name:undefiend,    params:{}    ....    }

name没有值,params里面也没有值。觉得非常奇怪,别人都没问题,为什么我用就有问题,肯定是那里配错了。

网上百度了很久发现,在router中需要这样配置:

原来的配置:

{            path: "/test",                      component: test        },

修改后的配置:

{            path: "/test",            name:"test",            component: test        },

可是这样仍然不对,因为能够跳转页面,一直都没觉得是路径错了,后来检查发现一个t是大小,另外一个是小写,虽然能跳转,但是参数会有问题,修改代码如下就可以了。

this.$router.push({          path:'test',          name:"test",          params:{                        name: 123          }        })
原创粉丝点击