Question

我的Vue路由器js文件有问题。问题是我需要发送一条路线，多个组件和多个动态道具。

如果我发送1个带有动态道具的组件，它不会崩溃。如果我发送带有静态道具的更多组件，它不会崩溃。问题是当我尝试将更多带有动态道具的零件发送到同一条路线时。

{
    path: RoutesName.RECEPTION_MULTIPLE_INVENTORY_PROCESS.RECEPTION_MULTIPLE_INVENTORY_PROCESS_PATH, // /reception/go/:id
    name: RoutesName.RECEPTION_MULTIPLE_INVENTORY_PROCESS.RECEPTION_MULTIPLE_INVENTORY_PROCESS_NAME,
    components: {
        default: RecepcionMultipleInventoryProcess,
        menu: MenuInventoryMultiple
    },
    props: (route) => ({
        default: {
          selectedReceptionIds: route.params.selectedReceptionIds,
          location: route.params.location
        },
        menu: {
          title: 'Recepciones multiples',
          titleActi: 'Entradas multiples'
        }
    })
}

此处包含多个组件和动态（默认组件）道具的代码段

Answer 1

您以错误的方式使用了Function mode和Object mode的组合。像这样重写props：

props: { 
  default: (route) => ({
    selectedReceptionIds: route.params.selectedReceptionIds, 
    location: route.params.location 
    }),
  menu: {
    title: 'Recepciones multiples',
    titleActi: 'Entradas multiples'
  } 
}

Vue路由器动态道具

1 个答案: