折叠面板展开动画

<template>
  <div>
    <div class="p_open" @click="handleOpen">{{showMore ? '收起筛选' : '展开筛选'}}</div>
    <el-collapse-transition>
      <div class="item" v-show="showMore">
        <div>[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'map')"</div>
        <div>[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'map')"</div>
        <div>[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'map')"</div>
      </div>
    </el-collapse-transition>
  </div>
</template>

<script>
export default {
  data () {
    return {
      showMore: true
    }
  },
  methods: {
    handleOpen () {
      this.showMore = !this.showMore
    }
  }
}
</script>

<style lang="less" scoped>
.p_open {
  margin-left: 700px;
  cursor: pointer;
}
.item {
  margin-left: 100px;
}
</style>