通过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部分就是一个很好的例子。