Question

我认为这样可行：

  { path: '/course/:id', component: Course.extend({
    props: { course: params.id }
  }) },

可悲的是，它并非那么简单（它也不是id）。我该怎么做呢？（我刚刚接受了vue的课程，简直不敢相信我记不起来了）

Answer 1

与docs中一样，您必须在props中将routes选项设为true，请参阅以下代码以了解它：

const User = {
  props: ['id'],
  template: '<div>User {{ id }}</div>'
}
const router = new VueRouter({
  routes: [
    { path: '/user/:id', component: User, props: true }
  ]
})

vue-router路由param到组件prop？

1 个答案: