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 } })
阅读全文
0 0
- vue-router params无法传参的问题
- Vue-router的跳转问题
- vue路由传参query和params的区别
- 最近碰到了关于vue-router传值的问题
- vue-router: 路由传参
- vue-router: 路由传参
- 关于vue-router中的query动态传参问题的解决
- 关于vue-router.js 下载的问题
- vue-router使用history的配置问题
- vue-router与setInterval的问题
- vue,router-link传参以及参数的使用
- vue-router 页面传参的俩种方法
- vue,router-link传参以及参数的使用
- Vue之嵌套router传参params与query
- vue-router 的属性
- vue-router的使用
- vue-router的使用
- Vue-router的使用
- freeradius在AP控制器设备中test-aaa 显示timeout的解决方案
- scan ip 管理和配置
- sqlplus命令行启动关闭oracle数据库
- (HDU
- MVP
- vue-router params无法传参的问题
- C++ 直接cout指针名的含义?
- office--word使用技巧——自动目录
- Android Xml文件生成,Xml数据格式写入
- 2017 JUST Programming Contest 3.0 H. Eyad and Math
- 51Nod-1837-砝码称重
- 用construct 2制作一个简单的飞机游戏
- Eclipse 单步调试
- angular4.0的模板式表单、响应式表单及其错误提示