0
点赞
收藏
分享

微信扫一扫

通过vue-router传递参数的两种方式

王老师说 2022-01-25 阅读 41

记录一下通过vue-router传递参数的两种方式

1、通过router-link进行跳转

<router-link
      :to="{
        path: 'yourPath',
        query: {
          key: 'value',
        },
      }"
    >
    <button type="button">跳转</button>
</router-link>

// path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航
// query -> 是要传送的参数,参数可以直接key:value形式传递

2、通过$router方式跳转

 // 路由跳转
    函数名() {
      this.$router.push({
        path: "yourPath",
        query: {
          key: 'value',
        },
      });
    },

// path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航
// query -> 是要传送的参数,参数可以直接key:value形式传递

待传递页面接收方式

this.$route.query.参数名
举报

相关推荐

0 条评论