vue.js - Add class to only one list element in list during animation in Vue, Transition

Question

I have a drag n drop editor written in Vue, I drags items into a section and now there are more than one item in the section, now each item has option to either move it up(above the item above it) or move it down (below the item under it) and each of these items are elements of list and the items are moved with animation using list-transition in Vue. Now the problem is that when I tries to move item A up, item A moves rightly upwards and the item B which was above item A moves downward, So here in each transition two elements are moved and the V-move class is applied to both items A and B involved in the movement, What I wants to do is to apply a class to only that item which I clicked on (item A in this case), and the class should apply on item A only during the transition just like the V-move class does and after the items have changed their positions the class should be removed automatically.

question from:https://stackoverflow.com/questions/65924799/add-class-to-only-one-list-element-in-list-during-animation-in-vue-transition

Answer 1

Waitting for answers