Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Only transition the router #1

Closed
bjkippax opened this issue May 21, 2022 · 1 comment
Closed

Only transition the router #1

bjkippax opened this issue May 21, 2022 · 1 comment

Comments

@bjkippax
Copy link

Description of issue

When transitioning, the entire page transitions, rather than targeting just the router component.
I'd expect that only the portion of the page governed by the router-view would transition.

Example

https://www.loom.com/share/57e1639e6660420f8f1b150dc762bfd7

@duannx
Copy link
Owner

duannx commented May 25, 2022

@bjkippax The transition is done by CSS so you can add your custom CSS to achieve what you need.
The package is designed to transform the router-view only. However, some transitions are using fixed positions so it goes out of router-view

I fixed it in #2 and published a new version of this package. But, I can not log in to my old npm account so the package can not be updated. I decided to create a new package @duannx/vue-router-transition. Just remove your old package and use the new one. The problem should go. Demo

Let me know if you are still facing any issues.

@duannx duannx closed this as completed Aug 26, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants