前置知识:vue官网的transition动画。
链接:https://cn.vuejs.org/v2/guide/transitions.html
大佬实现:https://segmentfault.com/q/1010000011359250的采纳答案。
新建一个js文件把代码丢进去。
然后要用的vue地方,import collapseTransition from "./animation"
,再写入components里面。
<collapse-transition>
<div class="collapse-wrap"
v-show="activeStudent">
<!-- @slot default -->
<slot>
//要伸展的内容
</slot>
</div>
</collapse-transition>