三种路由传参方式

1、通过query传递参数
query传参可以认为是get传参,参数会在请求的url中显示出来,获取的时候通过query获取,
通过path来匹配相应的组件。
实例如下

this.$router.push({ path: '/provide/answer/detail' ,query: {id:row.id}});

获取的时候通过

this.$route.query.id

2、通过params传参,不会在url中显示出来
params传参可以认为是post的方法,因为params传参是看不到参数的,获取的时候通过params来获取。通过name来匹配相应的组件。

实例如下

this.$router.push({
        name:'newInfo',
        params: {
          ids: ID,
          goodsClassName: this.goodsClassName,
          goodsClassGuid: this.goodsClassGuid,
          supplierId:this.supplierguid
        }
      });

获取的时候

this.$route.params.supplierId

3.直接在路由地址后面拼接参数

this.$router.push({
      path: `/detail/${id}`,
 })

获取

this.$route.params.id

你可能感兴趣的:(三种路由传参方式)