set VueComponent properties via VueRouter

Question

Can I set properties of a VueComponent via the VueRouter?

I have a couple routes

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

Both us the same component but will get completely different record set bases on the routes....

The thing is the action is controlled by a property ..... Can set property values from the route?

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

K3TH3R · Accepted Answer · 2016-12-08 10:42:30Z

1

Vue-Router allows you to access all of the Route's current properties from within every component using this.$route, so you wouldn't be setting the properties so much as fetching them from within the component's reference to the router. You should be able to get your ID parameter from within your component by doing something like: this.$route.params.id.

The Data Fetching portion of the Vue-Router docs has a good example of this in action.

answered Dec 8, 2016 at 10:42

K3TH3R

7695 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

set VueComponent properties via VueRouter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related