将URL中的参数与VUE路由器配置中的PROPS对象相结合

这是我的路由器配置。

const router = new VueRouter({
  routes: [
   {
      path: '/user/:id',
      components: User,
      props: {
        sidebar: true 
      }
    }
  ]
})

我无法访问所有道具(例如sidebar和id)，只能访问此配置中的sidebar。

有什么想法吗？

URL

如果我理解正确的话，您希望将属性sidebar设置为true(静态)，将属性id设置为:id推荐答案参数(动态)。

您必须使用一个函数，该函数将路线作为参数，并返回要在组件上设置的属性值：

props: route => ({
  id: route.params.id,
  sidebar: true,
})

有关详细信息，请查看VUE路由器文档中的Function Mode。