基于vue展开收起动画(盒子高度不确定)

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

猜你喜欢

转载自blog.csdn.net/qq_41337100/article/details/106744236