@released/vue-collapse

vue-collapse

安装

npm i @released/vue-collapse

说明

给不定高元素产生展开折叠动画

使用

1. vue组件中引入

import vueCollapse from '@released/vue-collapse'

2. 注册组件包裹需要动画的元素，需要动画的元素用v-if/v-show控制状态

<vueCollapse>
   <div v-show="isShow"></div>
<vueCollapse>

3. html中使用 通过script标签引入dist文件夹下的bundle.min.js window上会绑定collapse属性 注册collapse组件并使用

注意

高度动画需要元素本身支持设置高度，如block元素，设置了float,flex,abosulte等。。。