Questions tagged [vue-transitions]
101 questions
0
votes
0 answers
Unified route transition in nuxt3
How can we add route transition to irrespective of page or layout change
I'm aware that nuxt provides page and layout transitions but the layouts remain static when the page changes
Expected behaviour: the whole webpage animates when route changes…
naveeng2402
- 67
- 1
- 5
0
votes
0 answers
I want to animate modal in Vue 3 but v-if is set on teleport
I have component-wrapper for modals. You can see it below. As you can see, there is no v-if. I set it on exported component. You can see it on another code block.
ModalWrapper.vue
Alexey
- 11
- 4
0
votes
0 answers
Vue: How to transition a list of data read from JSON file
my aim is to create a table from data of a JSON file. As the table features live data I want to implement transitions whenever the ranking changes. However, even though the data is reloaded after changings I do not manage to use transitions.
This is…
mathbreaker
- 28
- 8
0
votes
1 answer
Using vue transition with multiple v-show
I'm using the following code to show a skeleton loader and when it's completed, it needs to fade out while the other div fades in, in it's place.
Dennis
- 3,044
- 2
- 33
- 52
0
votes
0 answers
Vuejs stop rendering component after adding transition in vue router
Vuejs stopped rendering components after I added a transition in the children route of my dashboard layout when I checked the error there was no error and no warnings but whenever I am reloading the page the components render, and the same…
Gautam Yadav
- 1
- 2
0
votes
0 answers
Vue3 transition sudden jump
my problem is that, after transitioned element fades, parent element jumps(not smoothly). I searched before asking in here but couldn't find the solution, thanks for the answers.
Here is the video about my issue:
https://streamable.com/us39pu
Main…
0
votes
1 answer
transition-group with v-show not working in vue2
I want to add some transition-delay effects to each element in transition-group,but something really weird happens.
The first time come and leave works fine,but the second time come and leave both not working.
I thought of many reasons such as key…
bluuu
- 3
- 1
0
votes
0 answers
Why I cannot apply Vue.js Transition?
I am trying to create easy HTML table with Vue.js. I would like to add easy Transition, but the animation does not show(it just waits for 2s) and I do not know why?
HTML:
`
…
Petr
- 103
- 6
0
votes
2 answers
Vuejs: How to add Transition to slot content?
I have a modal component that handles the overlay and css etc. and allows for modal content to be passed in via a slot:
TommyF
- 6,660
- 8
- 37
- 61
0
votes
2 answers
Vue transitions are not working for router-link and $router.push
I've the following App.vue file:
…
Nrgyzer
- 783
- 1
- 14
- 38
0
votes
0 answers
Is there a way of Vue transition to keep at the of transition end of the old component before new data loaded
As the title described.
Is there a way of Vue transition to keep at the of transition end of the old component before new data loaded ?
eg. some component, of 2 data model, show as 2 page. Using Vue transition, to remove the old component containing…
sdrkyj
- 75
- 1
- 10
0
votes
0 answers
Vue 3 router-view transition right
I want to do
if the child route is open I want to give class="user" margin-right:200px and I want to use transition while doing this. I also want transition to be done when I turn off the router.
This Is The Route I Have
[
{
path: 'user',
…
kralyolda
- 115
- 1
- 8
0
votes
1 answer
How to animate a transition from one Vue component to the same component (with a different parameter) using router?
I have a Vue 2 application. It uses router to manage pages. On one page, you can click to go to the next page, and the next page is the same component. You can think of it like a folder page going to a new sub folder page. The URL is the mostly…
Magmatic
- 1,754
- 3
- 19
- 34
0
votes
1 answer
Vue route transitions only works on load or refresh, but no animations on routing
I added a transition on a suspense component as the Vue's docs suggested way of doing it to route to a dynamic route path, the animations works when loading and reloading each page individually but it doesn't work on routing (when users click on a…
anas ali
- 23
- 6
0
votes
1 answer
Vue slide up and down transition not working at all, elements just pop in and out
I have a footer section that has some hidden content that can be toggled.
For whatever reason the transition animation isn't working/ is super stuttery and I'm not too sure what I am doing wrong here.
I've read about making max-height the attribute…
LovelyAndy
- 841
- 8
- 22