Events not bubbling up?

[Gabrielaparada]

Hello there! I'm running through the following issue, if I want to add a @click event it must be added to the <Tab></Tab> otherwise it does not work properly, it results in having to click twice on the Tabs to activate it. I have various if statements inside the <Tab> so I need to be able to add events to the children. Anyone has run through something similar?

Also, I have a couple of links on my list of tabs, is there any way to select whether you want the tabs to render as something other than buttons?

Example code: <Tabs class="toggle"> <TabList class="tabs no-list-style"> <Tab :key="index" v-for="(catalogue, index) in catalogues"> <span v-if="catalogue.memberMegaMenus" @click.prevent="selectCatalgue(index)"> {{catalogue.displayName}} </span> <a v-else-if="!catalogue.isRealTime" @click="redirectToCatalogue(catalogue.url.path)"> {{catalogue.displayName}} </a> <a v-else target="_blank" @click.native="goTo($event, catalogue)"> {{catalogue.displayName}} </a> </Tab> </TabList> </Tabs>

Thanks in advance!