Questions tagged [vue-transitions]
101 questions
0
votes
2 answers
How to transition between pages in vue.js with a page as transition?
I just want to know how to transition between pages in vue.js with a third page.
like home page to about page and in the middle of the transition I put a page with the logo of the brand.
Like they are doing here: https://www.details.co.jp
Thanks.
L'homme Sage
- 13
- 7
0
votes
2 answers
Why does this Vue3 transition break data binding?
I have this issue I've been hitting for hours now; I can't understand why it doesn't work as expected.
I pasted an example code below. The issue is that when editing the name, {{name}} is not updated. However, if I remove either of the …
Eino Gourdin
- 4,169
- 3
- 39
- 67
0
votes
2 answers
Vue: Using Vue Transitions with v-if/else?
I have components structured like this:
I would like to wrap a transition around each one. Is my only option explicitly…
timmyLtus
- 274
- 1
- 12
0
votes
1 answer
vue js transition not displaying correctly
i have a problem with transitions with vue js. In chrome it kinda works but it's weird,
and in microsoft edge it's not displaying at all. i don't know how to explain it so i will put a jsfiddle link to my code so you can see what i mean.
link : my…
yanis htag
- 15
- 5
0
votes
1 answer
Parent smooth height variation when new child is added [Vue]
I have read vue transitions documentation and is pretty clear how to apply them to the desired elements. But how to make height variations smooth to the parent container (grey) when a new child (green) is added/removed to a flex column? I have tried…
Héctor
- 399
- 3
- 16
0
votes
1 answer
How to solve an issue with vue-transitions being triggered or not through methods
I am working a study project on vue-cli and even though it is a simple project, I am trying to apply some stuff I've been learning.
I have a header with two routes:
Portfolio
Stocks
I have set a simple fade animation once entering into any of…
Arp
- 979
- 2
- 13
- 30
0
votes
0 answers
Z-index breaks on Chrome when using transitions with scale
A demo of the bug can be found here: https://github.com/Twinbird24/vue-scale-transition-example/tree/simplified
A video demonstration of the bug can be found here: https://gofile.io/?c=4HwzAT
Here is the code on Stackblitz:…
Attila
- 1,097
- 2
- 19
- 45
0
votes
1 answer
Adding transition animation when adding multiple elements to the list in VueJS
So, take a look on this fiddle. I want to add transition animation from vue feature when adding new multiple element to the list rendered. I already tried to add transition-group with the attribute tag="div". However, the elements still added…
Kevin Chandra
- 675
- 1
- 9
- 16
0
votes
1 answer
Smooth transition of v-if/else height in Vue.js
I have a component that loads data and then displays it. The user can modify the module which triggers new data to load. While data is loading a loading state is shown. I would like to smoothly transition between these states using animate.css. I…
Adam Youngers
- 6,421
- 7
- 38
- 50
0
votes
2 answers
How to correct: “Do not use keys, do not use keys, for example, not using keys.”?
Good afternoon, I’m trying to animate the swap animation in my calendar using the transition-group and pops up such an error, I understand that it says “do not use v-for cycle indexes as a key”, but when I remove them, it leads to another error that…
Andrey Belichenko
- 75
- 1
- 8
-1
votes
1 answer
Make div follow slide transition in vue
When using transitions and v-if, it seems that the div is created and then animation happens within that div. Is it possible to make div follow the text during the animation?
Example provided, when clicking on the button, the button jumps to side…
Tadhg
- 193
- 1
- 3
- 20