Cannot read property 'disabled' of undefined

[ZalgirisKaunas]

When I load my app I get this even if my app works fine:

typeError: Cannot read property 'disabled' of undefined
    at VueComponent.changeTab (vue-tabs.js?53dd:137)
    at VueComponent.findTabAndActivate (vue-tabs.js?53dd:180)
    at VueComponent.value (vue-tabs.js?53dd:340)
    at Watcher.run (vue.runtime.esm.js?2b0e:3229)
    at flushSchedulerQueue (vue.runtime.esm.js?2b0e:2977)
    at Array.eval (vue.runtime.esm.js?2b0e:1833)
    at flushCallbacks (vue.runtime.esm.js?2b0e:1754)

[noook]

Having the same problem here. I'm removing an element from the list used to render the tabs and it happens everytime I try to remove the last element of the list.

[noook]

I may have found a solution to the issue. The problem is that I had a button on the tab that allows me to delete it just like a browser tab. What actually happens behind that, is that the click that tries to delete the tab also triggers the click event that navigates through tabs.

I solved the issue by adding an event modificator (.stop) on the click event from my button so that the event is not bubbled until it reaches the eventListener that changes tab.

<span
    @click.stop="removeFromActiveTabs(inter.id)">
  <img src="../assets/images/icons/i-times.svg" alt="remove icon">
</span>