I have this LayoutVertical.vue parent component:

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

This navMenuItems property contained:

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

And the route for this:

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

Now, I have another compnent called AppNavbarVerticalLayout.vue which is child component of that parent. In this component I have a onChange methods called chooseProject. From this method I can get a token value.

My question is how can I pass this token value to that navMenuItems property's params?

Can I set a params for a specific name route?