V-collapse-transition NPM

v-collapse-transition

vue折叠动画组件, 参照element-ui

Install

npm i -S v-collapse-transition

Usage

Plugin install:

import Vue from 'vue'
import VCollapseTransition 'v-collapse-transition'

Vue.use(VCollapseTransition)

Or work on a Vue instance:

<template>
	<div>
		<button  @click='show=!show'></button>
		<v-collapse-transition>
			<ul  v-show="show">
				<li>需折叠切换的内容</li>
				<li>需折叠切换的内容</li>
				<li>需折叠切换的内容</li>
				<li>需折叠切换的内容</li>
				<li>需折叠切换的内容</li>
				<li>需折叠切换的内容</li>
			</ul>
		</v-collapse-transition>
	</div>
</template>

<script>
import { VCollapseTransition } from 'v-collapse-transition'
export  default {
	data() {
		return {
			show:  false
		};
	},
	components: {
		VCollapseTransition
	}
};
</script>

<style>

</style>