Set v-tabs initial selected tab use v-model not working.
See original GitHub issueI want a tabs as a sticky header in a list, but now I can’t set the initial selected tab, this is my code on codepen: https://codepen.io/ufosky/pen/QMRWgN
When load the page,there is no selected tab, although I set the v-model
property, but no effect.
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Vuetify: How to preselect active tab? - Stack Overflow
First useful step (but not 100% obligatory), is to name the tabs, so we can refer to them by name rather than ordinal...
Read more >Vuetify active tab (v-tabs component) - CodeSandbox
Vuetify active tab (v-tabs component) - CodeSandbox. // (runtime-only or standalone) has been set in we. base.
Read more >Vue Tabs open the correct tab on page load - Laracasts
How do i make the first tab selected or not if the url does not have #tab in the url . I have...
Read more >Tabs component - Vuetify
The v-tabs component is used for hiding content behind a selectable item. This can also be used as a pseudo-navigation for a page,...
Read more >Tabs - Buefy
You can also use v-if to show (or not) a Tab Item. CodePen. Show Music item (using v- ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
hey there. I have the exact same issue. jacekkarczmarczyk your code isnt actually working, the tab is not selected upon refresh.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord