How to add vue.js block resize animation?

Question

css

There is a block with a list and several filters for displaying this list. Switching between filters changes the number of list items and the block size. How can I add smoothness to block resizing?

Answer 1

Wrap the list in a transition-group and animate the resizing of the list items as they appear/disappear. For example .