通过 VueRouter 设置 VueComponent 属性

Question

我可以通过 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 } })
 } },

Answer 1

Vue-Router 允许您使用 this.$route 从每个组件中访问 Route 的所有当前属性，因此您不会设置属性，而是从组件对路由器。您应该能够通过执行以下操作从组件中获取 ID 参数：this.$route.params.id.

Vue-Router 文档的 Data Fetching 部分有一个很好的例子。

set VueComponent properties via VueRouter