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后退两步.........................

你可能感兴趣的:(vue 路由导航两种跳转传参方式)