- 常用的小功能: 控制元素显示或隐藏(使用了element-ui)
<template>
<div class='main'>
<el-card :style="{ width: '300px' }">
<div slot="header" class="clearfix">
<span>卡片</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="handleClose = !handleClose">{
{
handleClose === true ? '隐藏':'显示'}}</el-button>
</div>
<transition name="bounce">
<div class="text item" v-if="handleClose">
<img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" class="image">
</div>
</transition>
</el-card>
<