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.

How to use tabs with Vue Router?

See original GitHub issue

I’m trying to use the Tabs component together with the Vue router, but I can’t get it to work. Here is a fiddle of what I’m doing: http://jsfiddle.net/h4kpvk4v/2/

v-tab-content doesn’t get ‘active’ and it throws this error: Uncaught TypeError: this.href.replace is not a function

Is this a bug or am I doing something wrong?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:13 (5 by maintainers)

github_iconTop GitHub Comments

6reactions
johnleidercommented, Apr 19, 2017

That is something we are going to add in soon. It’s currently not tracking the route change and doesn’t actually move the slider.

4reactions
chrisgilliscommented, Oct 10, 2017

Still doesnt highlight the proper tab on a page load / refresh.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to use Vuetify tabs with vue-router - Stack Overflow
I have the following jsfiddle that has two Vuetify tabs. The documentation doesn't show examples on using vue-router with them.
Read more >
Vue Router Tab
Vue.js tab component, based on Vue Router. ... Easy to use. Import, set meta, and good to go. ... Take good advantage of...
Read more >
Vuetify tabs working with Vue Router | by Mauro Perez - Medium
All you need to turn the <v-tabs-item> into a nav bar is to add the router prop. That's it. Essentially, that turns the...
Read more >
vue-router-tab examples - CodeSandbox
Learn how to use vue-router-tab by viewing and forking vue-router-tab example apps on CodeSandbox.
Read more >
vue-router-tab - npm
Vue.js tab components, based on Vue Router. Latest version: 1.2.11, last published: a year ago. Start using vue-router-tab in your project ...
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