vue 路由导航两种跳转传参方式

1 .params 传参


this.$router.push({name: 'dispatch', params: {paicheNo: obj.paicheNo}})

取数据:this.$route.params.paicheNo

2.query传参


this.$router.push({path: '/transport/dispatch', query: {paicheNo: obj.paicheNo}}

取数据:this.$route.query.paicheNo

区别

  1. params 传参,刷新参数会消失 query不会

  2. params传参通过name跳转 query通过path跳转

  3. query传参 会显示到路由上 params不会

其他

this.router.go(n) n=1为刷新页面 n=-1 后退一步n=2后退两步.........................

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容