vue transition

Question

怎么用vue2.0 transition标签 实现不定高元素上下展开收起的过渡效果？
高度是根据子元素来决定的，不定高
不需要纯CSS，可以使用js
具体效果如下所示
https://jsfiddle.net/6k5n0jzt/

Answer 1

你是想要这个效果?

https://jsfiddle.net/tangdaoh...

Answer 2

先clone那个Div计算高度，然后再按照Vue的逻辑进行动画。

https://jsfiddle.net/uLufa45k/11/

Answer 3

用 CSS transform 做了一个这样的，和你要做的效果有点差异

https://jsfiddle.net/KingMari...

Answer 4

自动判断高度是有一定难度的，纯css无法实现。可以封装为一个组件，参考 iView 的代码：
https://github.com/iview/ivie...

Answer 5

其实纯css也是可以实现的

https://jsfiddle.net/wg5945/w...