Vue:Vue Router參數傳遞
最近更新時間 2020-01-02 21:25:16
Vue Router切換路由支持兩種傳參模式:query和params,前者類似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"}
注:如果參數中提供了path,params參數會被忽略。