question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] v-tab does not deactivate when route changes to a non-tabbed route

See original GitHub issue

Versions and Environment

Vuetify: 1.5.1 Vue: 2.6.4 Browsers: Chrome 72.0.3626.109 OS: Mac OS 10.13.6

Steps to reproduce

Using vue-router and the :to parameter. Create a route in your app that is not available via v-tab. Navigate to it and see that the previously selected route/tab is still showing as active in the v-tab

Expected Behavior

De-activate tab if route does not match the tab.

Actual Behavior

Previously selected tab stays active even when route changes.

Reproduction Link

https://codepen.io/lucille2/pen/bzMmPQ

Other comments

In my app I use a v-toolbar header with tabs in the extension slot and an account menu in the main slot. The account menu can go to routes that are not available as tabs. But I cannot de-activate the v-tab when the user goes to one of those other routes. **Using vue-router

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:3
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
randanunncommented, Feb 26, 2020

@dsldiesel you have to set `:optional=“true”.

1reaction
dsldieselcommented, Feb 26, 2020

Not working for me! V-tab item stays selected when navigating to a route that’s not within tab route links.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Next JS: Warn User for Unsaved Form before Route Change
It seems there is no perfect way to this but I handle it with this little trick: React.useEffect(() => { const confirmationMessage ...
Read more >
ovn-nbctl lr-route-list does not show the route is type ECMP/BFD
Description of problem: When doing lr-route-list on a router, the output does not indicate which routes are ecmp or if bfd: [root@ovn-control-plane ...
Read more >
Navicat Premium Release Note
Unable to disable Foreign Key constraint in Data Synchronization. Crashed when dumping table to sql file in some cases. Foreign Key constraint didn't...
Read more >
OpenCPN::OpenCPNAll Projects: Tasklist
ID Project Task Type Severity Opened Opened by 2913 OpenCPN 5.6.0 Release Bug Report Critical 19.11.2022 Sherry McCampbell 2912 00 Feature Request Feature Request Low...
Read more >
When things don't work | Road Trip Planner | Furkot Help Center
If we know about a problem we will be able to fix it faster. There are several things to look at when Furkot...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found