前置知識: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>