Skip to content

vue2 router state change router.addRoutes  #1341

Closed
@codedart2018

Description

@codedart2018

Version

2.2.0

Reproduction link

https://github.com/myxingke/vueManage.git

Steps to reproduce

Not landed router Array
[{xxxx}, {xxxx}, {xxxx},{'path': '*'}]
notice {'path':‘*’}

login code
let routes = sessionRoutes(res.data.menu) for( let [ index, route ] of new Map( routes.map( ( item, i ) => [ i, item ] ) ) ) { let key = this.$router.options.routes.length-1 this.$router.options.routes.splice(key, 0, route) } this.$router.addRoutes(routes)
result router Array
[{xxxx}, {xxxx}, {xxxx},{new router},{new router},{'path': '*'}]

What is actually happening?
But that's it
[{xxxx}, {xxxx}, {xxxx},{'path': '*'},{new router},{new router}]
notice ,{'path': '*'}

When I click on the new page, it appears behind {'path': '*'}. This is not the result I want。I hope one is one

I Hope

It is it [{xxxx}, {xxxx}, {xxxx},{new router},{new router},{'path': '*'}]
Not it [{xxxx}, {xxxx}, {xxxx},{'path': '*'},{new router},{new router}]

What is expected?

[{xxxx}, {xxxx}, {xxxx},{new router},{new router},{'path': '*'}]

What is actually happening?

But that's it
[{xxxx}, {xxxx}, {xxxx},{'path': '*'},{new router},{new router}]


Not landed router Array
[{xxxx}, {xxxx}, {xxxx},{'path': '*'}]
notice {'path':‘*’}

login code
let routes = sessionRoutes(res.data.menu) for( let [ index, route ] of new Map( routes.map( ( item, i ) => [ i, item ] ) ) ) { let key = this.$router.options.routes.length-1 this.$router.options.routes.splice(key, 0, route) } this.$router.addRoutes(routes)
result router Array
[{xxxx}, {xxxx}, {xxxx},{new router},{new router},{'path': '*'}]

What is actually happening?
But that's it
[{xxxx}, {xxxx}, {xxxx},{'path': '*'},{new router},{new router}]
notice ,{'path': '*'}

When I click on the new page, it appears behind {'path': '*'}. This is not the result I want。I hope one is one

I Hope

It is it [{xxxx}, {xxxx}, {xxxx},{new router},{new router},{'path': '*'}]
Not it [{xxxx}, {xxxx}, {xxxx},{'path': '*'},{new router},{new router}]

Or else is the meaning of dynamic routing?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions