Vuetify: Set v-tabs initial selected tab use v-model not working.

Created on 6 Sep 2017  路  5Comments  路  Source: vuetifyjs/vuetify

I 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.

needs reproduction

Most helpful comment

hey there. I have the exact same issue. jacekkarczmarczyk your code isnt actually working, the tab is not selected upon refresh.

All 5 comments

You codepen is invalid:

  1. you have :v-model="current_key", should be v-model="current_key" (remove colon)
  2. current_key must be tab name, not tab index, for example "tab-3"

Working codepen: https://codepen.io/anon/pen/gxJGLo

Please follow the guidelines on how to report an issue. In particular, provide an example on www.jsfiddle.net (or a similar service) that reproduces the problem. If necessary, create a repository for us to clone with a minimal reproduction. repositories of actual projects will generally not be accepted .

Thank you.

hey there. I have the exact same issue. jacekkarczmarczyk your code isnt actually working, the tab is not selected upon refresh.

@mixinmax1990 Please create a new issue using the provided bug report template and including the link for reproduction. Thank you

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

Was this page helpful?
0 / 5 - 0 ratings