Vue:Vue Router參數傳遞

最近更新時間 2020-01-02 21:25:16

Vue Router切換路由支持兩種傳參模式:queryparams,前者類似GET方法,後者類似POST方法。

1. Query參數傳遞和接收。

傳遞參數:

this.$router.push({
  name: "detail",
  query: {
    "id": "123456"
  }
});

接收參數:

//接收Query參數
this.$route.query

#{id: "123456"}

注:切換路由的時候用的是this.$router對象,接收參數時使用的是this.$route對象,後者少了一個r

2. Params參數傳遞和接收。

 傳遞參數:

this.$router.push({
  name: "detail",
  params: {
    "id": "123456"
  }
});

//URL:uri?id=12345

接收參數:

this.$route.params

#{id: "123456"}

注:如果參數中提供了pathparams參數會被忽略。

rss_feed