美文网首页web 前端
三种路由传参方式

三种路由传参方式

作者: 萬wan事顺意 | 来源:发表于2020-07-23 18:04 被阅读0次

    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
    

    相关文章

      网友评论

        本文标题:三种路由传参方式

        本文链接:https://www.haomeiwen.com/subject/pmwhlktx.html