Stack Overflow
Stack Overflow

Questions tagged [vuejs-transition]

31 questions
1
vote
2 answers

List transitions in vuejs, changing the underlying array

I need to be able to animate drag and drop in my vertical list. I used vuedraggable, wrapped my list in a transition-group and it all worked sweet. Until I fetch new data from the server. Now because of the introduction of transition-group for a…
neric
  • 3,927
  • 3
  • 21
  • 25
1
vote
0 answers

"Error: Transition-group inside component is not supported" using Element UI and Vue Draggable

I'm using element ui's collapse along with vuedraggable. And I'm trying to implement vue transition-group to the collapsible items. The vuedraggable documentation says that you can simply do it this way: …
japhfortin
  • 361
  • 4
  • 6
  • 18
1
vote
1 answer

How to custom transition for each component?

I have 3 components which I want to show a transition effect when they enter/leave. There's 1 "main" component and the 2 others show up when you press the associated button. My current sample code is here: https://jsfiddle.net/5aq1k05L/
Cornwell
  • 3,304
  • 7
  • 51
  • 84
0
votes
1 answer

VueJS Migration from 2X to 3X Not Working

I'm trying to convert a legacy app from Vue 2 to Vue 3. I'm not super familiar with Vue, I'm trying to follow the new migration template they provide on their docs website but I'm running into issues. I'm not getting any JS console errors, but my…
TroySteven
  • 4,885
  • 4
  • 32
  • 50
0
votes
1 answer

Why do VueJS move animations only work in one direction?

I'm entirely stumped by this. For some reason, Vue3 will correctly apply the move animation class for a containing a list of items, but only if the list is advanced forward. I've put together a CodePen for this and even with a…
monitorjbl
  • 4,280
  • 3
  • 36
  • 45
0
votes
1 answer

How to use ternary operator in transition using javascript in vuejs?

I'm trying to achieve a very basic slide between h2, using vuejs and gsap. I need 2 different types of transitions, based on the direction (next and previous slide). To obtain a compact code, I used the ternary operator ?:
Thibaut Flottat
  • 11
  • 1
0
votes
2 answers

Slide transition on tab (one pushing the other)

I'm trying to achieve a slide transition between two tabs. One tab is supposed to come from the left pushing the other one to the right and the opposite for the other one. The leave transition goes well but the tab just pop in straight away without…
David
  • 184
  • 2
  • 4
  • 20
0
votes
1 answer

Vuejs transition being does not work with child elemenets

I have the following project: https://codesandbox.io/s/vue-template-c1rj1 I expect the image to just come up from the bottom of the screen already being in the middle of the page, but it first comes up from the bottom and then moves to the center of…
Enea G UnlimApps
  • 273
  • 3
  • 11
0
votes
1 answer

How to create modal dialog using Vuejs and twitter bootstrap

I want to create the input form dialog in Vuejs. Is there any way, to create a bootstrap modal dialog using twitter bootstrap? I found a way (see below) to implement it but that needs custom CSS & I'm not able to pick bootstrap CSS. Example I can't…
user3711357
  • 1,425
  • 7
  • 32
  • 54
0
votes
2 answers

vue different transition names for the same component

Is it possible to apply 2 transition names for 1 element? I have 3 li elements, and I want that all of them will have the same leave, but only the top one to have a certain entrance. For example, I want all of them to have mizi-leave, but only the…
yarden
  • 37
  • 2
  • 9
0
votes
1 answer

How to use Vue JS transition "inside" another transition?

Say I have a normal transition, which works perfectly fine (following vue docs). But I would like to have another transition INSIDE that one. So for example, an element slides in, but then the text within that fades in at the same time? I can't get…
Jquestions
  • 1,650
  • 1
  • 23
  • 30
0
votes
1 answer

path-to-regexp Find regular expression matching the route

I am adding dynamic child components while the page loads. Adding child routes in OnCreated of parent does not make the page work when we refresh the page. Hence, I am parsing the page templates (as I know them when the page loads). I am now looking…
cloudpre
  • 1,001
  • 2
  • 15
  • 28
0
votes
0 answers

NodeJS wrong rendering during nested transition

I'm building a dialog component that embeds an overlay that shades the rest of the screen, preventing any action. I would like the dialog itself to appear with sliding effect, while the overlay fades in, (and the opposite when disappearing). Somehow…
Buno
  • 597
  • 1
  • 9
  • 20
0
votes
1 answer

Vuejs Transition not functioning with computed property

I am creating a simple inventory system that will have various categories for the items, as well as the option to display all items. Going from the 'all' category to the 'general' category will remove the unnecessary item, but leaves a gap for a…
crotanite
  • 79
  • 10
0
votes
1 answer

Simple fade entrance in VueJS with CSS transition

It looks so simple but I can handle to make it work. When a new element is added to my list, I want the others elements to move to let the space for the new one and then the new one has to appear with a fade transition. I can't make this simple…
MuyBien
  • 163
  • 2
  • 13
1
2
3