[Vue Router warn]: Discarded invalid param(s) "team_slug" when navigating.

[knolleary]

Current Behavior

We get the above warning when navigating around teams in the UI.

It is triggered by calls like this:

this.$router.push({
    name: 'Team',
    params: {
       team_slug: this.team.slug
    }
})

However, that route is defined like this:

{
        path: '/team/:team_slug',
        redirect: to => {
            return `/team/${to.params.team_slug}/overview`
        },
        name: 'Team',
        component: Team,
        ....
}

I must be missing something here, because the warning is complaining that the route doesn't define a team_slug param, but yet it clearly does. Must be something more subtle I'm missing.

Expected Behavior

No response

Steps To Reproduce

No response

Environment

• FlowForge version:
• Node.js version:
• npm version:
• Platform/OS:
• Browser:

[knolleary]

Posted to vue forum for help on this as I cannot make sense of it: https://forum.vuejs.org/t/discarded-invalid-param-s-warning-yet-params-are-defined-in-path/133328

[knolleary]

Having added some debug to vue-router, I can see the location it is testing against is:

{
    "name": "Project",
    "params": {
        "team_slug": "dev",
        "id": "ac8e4995-cb47-42ec-a9a4-71c42366c7f3"
    }
}

... even though I'm on the 'Team' view, something is asking it to route to the 'Project' view (which doesn't have team_slug as a defined param, hence the warning)