2016-12-05 14 views
0

VueRouterからVueComponentのプロパティを設定できますか?VueRouter経由でVueComponentプロパティを設定する

私はカップルのルート

{ path: '/user/:id/budgets', component: Budgets }, 
{ path: '/budgets', component: Budgets } 

たちと同じ構成要素が、ルート上の完全に異なるレコードセット拠点を取得します両方を持っている....

事はアクションがプロパティによって制御されています.....ルートからプロパティ値を設定できますか?

{ path: '/user/:id/budgets', component: function(id){ 
return Vue.extend(Budgets, { props: { id: id } }) 
} }, 

答えて

1

ヴュー・ルータは、あなたがthis.$routeを使用して、すべてのコンポーネント内からのルートの現在のプロパティのすべてにアクセスすることができますので、あなたは、ルータへのコンポーネントの参照の中からそれらを取得するほどのプロパティを設定することではないでしょう。 this.$route.params.idのようにすることで、コンポーネント内からIDパラメータを取得できるはずです。

Vue-Router docsのData Fetching部分は、実際の動作の良い例です。

関連する問題