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

這里有多個組件和動態（默認組件）道具的片段

Answer 1

您以錯誤的方式使用了函數模式和對象模式的組合。 像這樣重寫props ：

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