<template>

  <v-expansion-panel class="expanel" @click="onExpansionPanelClick">

    <v-expansion-panel-header>

    </v-expansion-panel-header>

​

    <v-expansion-panel-content>

    </v-expansion-panel-content>

  </v-expansion-panel>

</template>

​

<script>

export default {

  name: "ExPanel",

  components: {},

  props: {},

  data: function() {

    return {}

  },

  methods: {

    onExpansionPanelClick(event) {

      if(event.currentTarget.classList.contains('v-expansion-panel-header--active')) {

        console.log("Panel is closing/now closed.")

      } else {

        console.log("Panel is opening/now open.")

      }

    }

  }

}

</script>```