Whenever I use <a>, the design of the <v-btn> expansion panel breaks. How can I incorporate the click event in this situation?
I attempted to utilize filters, watch, and computed, but it didn't work.
Here's my code:
<v-card xs12 sm6 md12>
<template v-for="item in activityitems">
<v-layout v-bind:key="item.ActivityID">
<a @click="activityList(item.ActivityID)">
<v-expansion-panel>
<v-expansion-panel-content>
<template v-slot:header>
<v-card flat>
<v-card-title>
<span class="grey--text">
Name:{{item.ActivityName}}
</span>
</v-card-title>
</v-card>
<v-card flat>
<v-card-title>
<span class="grey--text">
Date:{{item.ActivityDate}}
</span>
</v-card-title>
</v-card>
</template>
</v-expansion-panel-content>
</v-expansion-panel>
</a>
</v-layout>
</template>
</v-card>