How to solve transition-group problem?

Question

Vue.js

https://im2.ezgif.com/tmp/ezgif-2-436ed39ab6.gif
I am using transition-group. Achieved the desired effect thanks to. ...-move{transition:all 1s}, but how can I make the move animate only on removal and addition?
It turns out for me that when the list changes, the elements in the array change and the animation also works.
Tell me what options you can animate this
Component code
plnkr.co/edit/5EqOwdDJ7SO1F9UkKJNa

Answer 1

Set :keythe task list as a whole to re-render when the active list changes. For example, like this:
Demo .