Tengo este componente principal LayoutVertical.vue :

 <script> import LayoutVertical from "@core/layouts/layout-vertical/LayoutVertical.vue"; import AppCustomizer from "@core/layouts/components/app-customizer/AppCustomizer.vue"; import { $themeConfig } from "@themeConfig"; import navMenuItems from "@/navigation/vertical"; export default { components: { AppCustomizer, LayoutVertical, }, data() { return { showCustomizer: $themeConfig.layout.customizer, navMenuItems, }; }, }; </script>

Esta propiedad navMenuItems contenía:

 export default [ { header: "Projects", }, { title: "Import", route: { name: "project-import", params: { token: token }, }, icon: "SettingsIcon", }, ];

Y la ruta para esto:

 { path: "/project/import/view/:token", name: "project-import", props : true, component: () => import("@/views/apps/projects/project-import/ProjectImport.vue"), },

Ahora, tengo otro componente llamado AppNavbarVerticalLayout.vue que es un componente secundario de ese padre. En este componente tengo métodos onChange llamados chooseProject . De este método puedo obtener un valor simbólico .

Mi pregunta es ¿cómo puedo pasar este valor de token a los parámetros de esa propiedad navMenuItems ?

¿Puedo establecer parámetros para una ruta de nombre específico?