Vue-element-admin: 在组件中使用elemen-ui过渡动画失效！

[real-jacket]

从element-ui引入el-collapse-transition展开折叠过渡动画，到页面中失效，使用场景如下：


页面结果：

按理说过渡效果引入成功，但是却没有过渡动画

[PanJiaChen]

试了下没问题

[real-jacket]

回复神速啊，作者怎么使用的，为什么我这失败了

[PanJiaChen]

http://element-cn.eleme.io/#/zh-CN/component/transition

就直接官方demo试了下。

[real-jacket]

很奇怪，我也是直接用的官方demo，但是没作用，目前找不到原因，能给个思路么？

[PanJiaChen]

看是不是样式覆盖了。

[hupan508]

我也是这样。没效果 有解决吗？

[Thawsoar]

 <el-collapse-transition>
     <div v-show="form_hidden">
          .......
     </div>
</el-collapse-transition>

套一层div

[hellowuxin]

同样失效

[xianshenglu]

https://jsfiddle.net/xianshenglu/5eztxnvq/3/ repo demo.
Change div to el-form, then el-collapse-transition wouldn't work. This is what demo shows.

Current workarounds are

• Add transition in the el-form style.
• Using div or move el-form into a div

However, I think it is a bug of el-form.

[xianshenglu]

https://github.com/ElemeFE/element/issues/17096