Vue路由器动态道具

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'
        }
    })
}

这里是带有多个组件和动态（默认组件）道具的 sn-p

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'
  } 
}