Animation effect of vue

1, the demand is to have a list of pictures. After right-clicking, the current picture will zoom out and disappear, and the following picture will automatically slide to fill the position. I found that after the vue data was updated, the view was refreshed and the sliding effect could not be achieved. Try to hide the elements that currently disappear, and then delete them after completion. It is found that there is still no sliding effect. The animation that comes with vue seems to be aimed at showing and hiding.

clipboard.png

Jun.30,2022
This animation is supported by

vue, which uses a simple animation queue called FLIP to smoothly transition elements from their previous positions to new positions using transforms. Please refer to the sorting transition of ide/transitions.html-sharp%E5%88%97%E8%A1%A8%E7%9A%84%E6%8E%92%E5%BA%8F%E8%BF%87%E6%B8%A1" rel=" nofollow noreferrer "> list

Menu