当前位置:   article > 正文

this.$router.push的传参方式_this.$router.push传参

this.$router.push传参

1.由于我们的vue项目用的是nuxt框架,让我这个后端开发者踩足了坑,故此记录一下
在这里插入图片描述

2.正题:

this.$router.push传参有两种方式,一种是query方式,相当于get请求,请求体会暴露在请求栏中,
一种是params方式,相当于后端的post请求,会把请求体封装起来
  • 1
  • 2

①:query
入参:

this.$router.push({
        path: '/seller-center/invoice-info',
        query: {
          id: row.id,
        },
      })
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

收参:this.$route.query.id
②:params

 this.$router.push({
        name: 'seller-center-invoice-info',
        params: { id: row.id },
      })
  • 1
  • 2
  • 3
  • 4

收参:this.$route.params.id

多个传参用逗号分割

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/285178
推荐阅读
相关标签
  

闽ICP备14008679号