change title on v-expansion-panel

alessandro stigliano answered on May 31, 2022 Popularity 2/10 Helpfulness 1/10

answer change title on v-expansion-panel

change title on v-expansion-panel

Comment

<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>```

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: title whatever

Link to this answer
Share Copy Link